:root{color-scheme:dark;--page:#0b1020;--panel:#121b30;--line:#405070;--button:#202d4a;--ink:#f7f7fb;--muted:#aab3c5;--error:#ff9bad}
    *{box-sizing:border-box}
    body{margin:0;background:var(--page);color:var(--ink);font:16px/1.45 Georgia,"Times New Roman",serif}
    [hidden]{display:none!important}
    .gate{min-height:100vh;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 18% 0%,#2e436f 0,transparent 35%),var(--page)}
    .card{width:min(100%,390px);min-height:375px;padding:28px 24px;border:1px solid var(--line);border-radius:20px;background:var(--panel);box-shadow:0 28px 80px #0009}
    h1{margin:0 0 18px;font:800 2rem/1 Inter,system-ui,sans-serif}h2{margin:0;font:800 1.4rem/1.2 Inter,system-ui,sans-serif}
    p{margin:0 0 16px;color:var(--muted)}
    .actions,form{display:grid;gap:10px}
    input,button{width:100%;min-height:44px;border:1px solid var(--line);border-radius:9px;padding:0 11px;color:var(--ink);background:#0a1020;font:inherit}
    button{background:var(--button);cursor:pointer;font-family:Inter,system-ui,sans-serif;font-weight:800}
    button:hover{background:#293a61;border-color:#7a91c5}
    .google{color:#182033;border-color:#e4e8ef;background:#fff}.google:hover{background:#f1f3f7}
    .google-mark{margin-right:8px;color:#4285f4;font-weight:900}
    .back-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.back-row button{width:auto;min-height:auto;padding:0;border:0;color:#a8c9ff;background:transparent;font-weight:600}
    .note{min-height:20px;margin:12px 0 0;color:var(--error);font:13px Inter,system-ui,sans-serif;text-align:center}
    .legal-links{display:flex;justify-content:center;gap:14px;margin-top:16px;font:12px Inter,system-ui,sans-serif}
    .legal-links a{color:#a8c9ff;text-decoration:none}.legal-links a:hover{text-decoration:underline}
    .hint{font:12px Inter,system-ui,sans-serif;text-align:center}
    .study{min-height:100vh;background:#eaeee6}.top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 14px;background:var(--page);border-bottom:1px solid #344262}.top span{color:#bdc9df;font-size:.85rem}.top button{width:auto;min-height:34px;font-size:.8rem}.study iframe{display:block;width:100%;height:calc(100vh - 53px);min-height:720px;border:0;background:#eaeee6}