:root{
 --bg:#f3f7fb;--card:#fff;--ink:#10263a;--muted:#6f8191;--line:#dce6ef;
 --brand:#0b4168;--brand2:#0e5d91;--blue:#1677ff;--green:#17915a;--red:#c61b2b;
 --shadow:0 16px 45px rgba(10,52,82,.08);
}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink)}
a{color:inherit}.topbar{height:72px;padding:0 22px;background:#0b4168;color:#fff;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;box-shadow:0 3px 14px rgba(0,0,0,.12)}
.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#39a6ff,#095582);display:grid;place-items:center;font-weight:900}.brand strong{display:block;letter-spacing:.02em}.brand small{display:block;opacity:.78;font-size:.72rem;margin-top:2px}
.icon-btn{width:42px;height:42px;border-radius:13px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.1);color:#fff;font-size:20px}
.page-shell{max-width:1240px;margin:0 auto;padding:30px 20px 42px}.page-shell.narrow{max-width:900px}.welcome{background:linear-gradient(135deg,#0b4168,#0c2e4a);border-radius:24px;color:#fff;padding:28px;display:flex;justify-content:space-between;align-items:center;gap:20px;box-shadow:var(--shadow)}.welcome h1,.page-title h1{margin:4px 0 5px}.welcome p{margin:0;opacity:.78}.eyebrow{font-size:.72rem;letter-spacing:.1em;font-weight:900}.service-badge{padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.12);display:flex;align-items:center;gap:8px;font-weight:800}.dot{width:9px;height:9px;border-radius:50%;background:#28c36a;display:inline-block}.service-badge.warn .dot{background:#f1a10a}
.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.summary-card,.module-card,.detail-card{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 26px rgba(10,52,82,.05)}.summary-card{padding:17px}.summary-card strong{display:block;font-size:1.03rem;margin-top:4px}.summary-card small,.summary-label{color:var(--muted);font-size:.78rem}.module-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.module-card{padding:20px;display:grid;grid-template-columns:50px 1fr;gap:14px;align-items:start}.module-icon{width:46px;height:46px;border-radius:14px;background:#eaf4ff;color:#1269c9;display:grid;place-items:center;font-size:1.25rem;font-weight:900}.module-copy h2{font-size:1.08rem;margin:1px 0 7px}.module-copy p{margin:0;color:var(--muted);line-height:1.45}.module-card .btn{grid-column:2}.accent-netflix .module-icon{background:#ffe7ea;color:#b20710}.accent-service .module-icon{background:#e8f7ee;color:#168a54}
.btn{display:inline-flex;justify-content:center;align-items:center;min-height:42px;padding:0 15px;border-radius:11px;border:0;text-decoration:none;font-weight:800;cursor:pointer}.btn.secondary{background:#eef5fb;color:#0b4168;border:1px solid #d7e5f0}.btn.netflix{background:#e50914;color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}
.privacy-note{margin-top:18px;padding:16px 18px;border:1px solid #d7e8dd;background:#f0faf4;border-radius:15px}.privacy-note strong{display:block;color:#18734b}.privacy-note span{display:block;color:#5b7568;margin-top:3px;font-size:.88rem}.footer{max-width:1240px;margin:0 auto;padding:24px 20px 38px;color:#718292;font-size:.82rem;display:flex;justify-content:space-between;gap:10px}.footer-links{display:flex;gap:7px}.back-link{display:inline-block;text-decoration:none;color:#176fc1;font-weight:800;margin-bottom:18px}.page-title{margin-bottom:16px}.detail-card{padding:22px}.status-line{display:flex;align-items:center;gap:9px;margin-bottom:18px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.detail-grid>div{padding:13px;border-radius:12px;background:#f7fafc;border:1px solid #e6edf3}.detail-grid span{display:block;color:var(--muted);font-size:.75rem}.detail-grid strong{display:block;margin-top:4px}.action-list{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.safe-note,.muted{color:var(--muted);font-size:.88rem}.netflix-action{margin-top:20px;padding:18px;border-radius:15px;background:#fff7f7;border:1px solid #f2d5d8}.netflix-action h2{font-size:1.05rem;margin-top:0}.result-box{margin-top:14px;padding:13px;border-radius:11px;background:#f7fafc;border:1px solid #e2eaf1;color:#536a7d}.result-box.warn{background:#fff8e8;border-color:#f0dfb6}.payment-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #edf2f6}.payment-row:last-child{border-bottom:0}.payment-row span{display:block;color:var(--green);font-size:.78rem;margin-top:3px}.notice-row{padding:14px 0;border-bottom:1px solid #edf2f6}.notice-row:last-child{border-bottom:0}.notice-row p{margin:5px 0 0;color:var(--muted)}
html[data-theme="dark"]{--bg:#0c1d2b;--card:#11283a;--ink:#eef7ff;--muted:#a9bbca;--line:#29455b}.dark body{}
@media(max-width:850px){.quick-grid{grid-template-columns:repeat(2,1fr)}.module-grid{grid-template-columns:1fr}}@media(max-width:560px){.page-shell{padding:18px 12px 30px}.welcome{padding:20px;align-items:flex-start;flex-direction:column}.quick-grid{grid-template-columns:1fr 1fr}.module-card{grid-template-columns:44px 1fr}.detail-grid{grid-template-columns:1fr}.footer{flex-direction:column}.topbar{padding:0 13px}}