:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f5e8f9;background:#0c0914}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 10%,#362041 0,transparent 34%),radial-gradient(circle at 90% 75%,#2a163c 0,transparent 40%),#0c0914;line-height:1.55}.ambient{position:fixed;pointer-events:none;filter:blur(80px);opacity:.3;border-radius:50%;z-index:-1}.ambient-one{background:#c878d5;width:230px;height:230px;top:10%;left:5%}.ambient-two{background:#8c64cb;width:250px;height:250px;bottom:8%;right:10%}.gate-layout{max-width:1000px;min-height:100vh;padding:32px 24px;display:flex;flex-direction:column;margin:auto}.mini-header{display:flex;align-items:center;gap:12px}.brand-mark{font-size:52px;color:#d4a4ed;line-height:1}.mini-header strong{font-family:Georgia,serif;display:block;font-size:30px;letter-spacing:-1px}.mini-header strong span{color:#d89fe8;font-style:italic}.mini-header small{display:block;font-size:9px;letter-spacing:2.5px;color:#bbaaC5}.gate-card{width:min(100%,550px);border:1px solid #624671;border-radius:22px;background:linear-gradient(145deg,#24152df2,#120d1cfb);box-shadow:0 25px 70px #06020f99;margin:auto;padding:46px 48px;position:relative}.crest{font-size:78px;text-align:center;color:#c398e3;line-height:1;margin-bottom:12px}.eyebrow{font-size:10px;letter-spacing:2px;text-align:center;color:#d9acde;font-weight:700}.gate-card h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(34px,6vw,49px);font-weight:400;text-align:center;line-height:1.18;letter-spacing:-1px;margin:22px 0 16px}.gate-card h1 em{color:#ebaceb}.intro{font-size:14px;text-align:center;color:#c9b8d0;max-width:400px;margin:0 auto 30px}.access-form{display:grid;gap:11px}.access-form label,.standalone-label{font-size:12px;font-weight:700;letter-spacing:.2px}.access-form input,.admin-code{background:#120c1b;border:1px solid #805892;border-radius:10px;padding:15px;color:#fff;width:100%;font-size:14px;outline:none}.access-form input:focus,.admin-code:focus{border-color:#eda9ef;box-shadow:0 0 0 3px #c78add30}.access-form button,.copy-btn{background:linear-gradient(105deg,#f2a2d2,#b99ae9);border:0;border-radius:11px;color:#1d0f26;font-size:14px;font-weight:800;padding:15px;cursor:pointer;margin-top:7px}.access-form button:hover,.copy-btn:hover{filter:brightness(1.09)}.hint{font-size:12px;color:#b3a3be;line-height:1.75;margin-top:19px}.note-divider{height:1px;background:#523c5e;margin:25px 0 18px}.small-note{font-size:12px;color:#ad9bb8;line-height:1.7;margin:0}.notice{background:#422742;border:1px solid #8d5487;border-radius:10px;padding:13px;color:#f6d6ec;font-size:12px;margin:12px 0}.notice.error{background:#421f32;color:#ffc8d8;border-color:#ae6072}.gate-layout footer{font-size:10px;letter-spacing:1px;color:#95829d;display:flex;justify-content:space-between;gap:14px;margin-top:24px}.admin-code{text-align:center;font-size:23px;letter-spacing:1.5px;font-weight:800;margin-top:12px}.copy-btn{width:100%}.admin-logout{margin-top:18px}.subtle-btn{background:none;border:1px solid #624671;border-radius:8px;color:#d9c3e4;padding:10px 17px;cursor:pointer}code{color:#f7bbe8;overflow-wrap:anywhere}@media(max-width:600px){.gate-layout{padding:20px 15px}.mini-header strong{font-size:24px}.gate-card{padding:31px 22px;margin:50px auto}.gate-layout footer{flex-direction:column;gap:5px}.admin-code{font-size:16px;letter-spacing:.7px}.crest{font-size:62px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.future-codes{margin-top:14px;border:1px solid #5e4470;border-radius:10px;overflow:hidden}.future-code-row{display:grid;grid-template-columns:76px 1fr auto;align-items:center;gap:6px;padding:11px 12px;border-bottom:1px solid #4f375c;font-size:11px}.future-code-row:last-child{border-bottom:0}.future-code-row code{font-size:11px;letter-spacing:.5px;overflow-wrap:anywhere}.code-copy{border:1px solid #86629b;background:#352342;color:#e9d6f2;padding:6px 8px;border-radius:6px;cursor:pointer}.future-code-row>span{color:#bda6ca}@media(max-width:450px){.future-code-row{grid-template-columns:65px 1fr auto;padding:9px 6px}.future-code-row code{font-size:9px;letter-spacing:0}.code-copy{font-size:10px;padding:5px}}