body{font-family:Arial,Helvetica,sans-serif;margin:0;background:#f4f7fb;color:#1f2937}.wrap{max-width:1180px;margin:30px auto;background:#fff;border-radius:12px;padding:24px;box-shadow:0 8px 24px rgba(0,0,0,.08)}h1,h2,h3{margin-top:0}a{color:#0b63ce;text-decoration:none}a:hover{text-decoration:underline}nav a{margin-right:16px}table{width:100%;border-collapse:collapse;margin-top:16px}th,td{border:1px solid #d7deea;padding:10px;text-align:left;vertical-align:top}th{background:#eef4ff}input,select,textarea,button{padding:10px;border:1px solid #c7d2e3;border-radius:8px;width:100%;box-sizing:border-box;font-family:inherit}textarea{min-height:140px}button{cursor:pointer;background:#0b63ce;color:#fff;border:none;width:auto;min-width:140px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.card{border:1px solid #dde6f3;border-radius:12px;padding:16px;background:#fbfdff}.flash-success{background:#e8f8ec;color:#14532d;border:1px solid #bde0c6;padding:12px;border-radius:8px;margin-bottom:16px}.flash-error{background:#fff1f2;color:#9f1239;border:1px solid #fecdd3;padding:12px;border-radius:8px;margin-bottom:16px}.small{font-size:12px;color:#6b7280}.badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:12px;background:#eef4ff}.badge-free{background:#e8f8ec}.badge-locked{background:#fff4e5}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.video-box{background:#111827;color:#fff;padding:18px;border-radius:12px}.notice{border:1px solid #fde68a;background:#fffbeb;color:#92400e;padding:12px;border-radius:8px}@media(max-width:800px){.two-col{grid-template-columns:1fr}}