:root{color-scheme:dark;--bg:#080f1e;--panel:#101b30;--panel2:#12223c;--stroke:#263955;--text:#f1f6ff;--muted:#9aafc9;--blue:#387cf8;--cyan:#76c5ff;--green:#42dda4;--red:#ff828e;font-family:Inter,system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 8% 0%,#122d5b 0%,#080f1e 45%,#070d19 100%);color:var(--text);overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}.hidden{display:none!important}.ambient{position:fixed;filter:blur(85px);border-radius:50%;opacity:.19;pointer-events:none}.ambient-one{width:290px;height:290px;background:#1852db;top:150px;right:-170px}.ambient-two{width:200px;height:220px;background:#036bb0;bottom:30px;left:-130px}.topbar{max-width:1160px;margin:auto;padding:34px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:12px;direction:ltr}.brand-logo{background:linear-gradient(140deg,#408aff,#0d4abd);display:grid;place-items:center;border-radius:12px;box-shadow:0 10px 24px #031637;font-size:24px;font-weight:900;width:46px;height:46px;color:#fff}.brand-text{display:flex;flex-direction:column;line-height:1.15;letter-spacing:.1em}.brand-text strong{font-size:16px}.brand-text span{font-size:9px;color:#89a2c6;letter-spacing:.23em;margin-top:6px}.stage{display:inline-flex;align-items:center;gap:8px;background:#12233b;border:1px solid #2d4668;padding:9px 13px;border-radius:100px;color:#b0c5e0;font-size:12px}.dot,.footer-dot{display:inline-block;background:#56d7a7;width:7px;height:7px;border-radius:50%;box-shadow:0 0 13px #56d7a7}.page{max-width:1100px;padding:44px 28px 70px;margin:0 auto;display:grid;grid-template-columns:1fr 440px;gap:90px;align-items:center;min-height:calc(100vh - 195px)}.intro{padding:20px 0}.eyebrow{letter-spacing:.24em;font-size:11px;color:#83b5ff;font-weight:700;direction:ltr;display:inline-block}.intro h1{font-size:clamp(35px,4.4vw,58px);line-height:1.28;letter-spacing:-.04em;margin:19px 0}.intro h1 span{color:#72adff}.intro p{font-size:15px;line-height:2;color:#a5bad3;max-width:470px;margin:0}.info-panel{margin-top:34px;border:1px solid #28486b;background:#122542b8;color:#c2d3e7;border-radius:14px;padding:15px;display:flex;gap:12px;font-size:13px;line-height:1.9}.info-icon{display:grid;place-items:center;flex-shrink:0;width:26px;height:26px;border-radius:8px;background:#134f5a;color:#88efd0;font-weight:700}.tag-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px;direction:ltr;justify-content:flex-end}.tag-row span{border:1px solid #29405f;border-radius:8px;padding:8px 11px;font-size:11px;color:#a8bed8}.auth-panel{border:1px solid #2b4262;border-radius:24px;background:linear-gradient(156deg,#172946f7,#101a2df7);padding:36px;box-shadow:0 30px 90px #0207167a;position:relative}.panel-kicker{color:#8eb9f9;font-size:10px;font-weight:750;letter-spacing:.2em;display:flex;align-items:center;gap:8px;direction:ltr;justify-content:flex-end}.lock-icon{font-size:17px}.auth-panel h2{font-size:27px;margin:12px 0 9px}.muted{color:var(--muted);font-size:13px;line-height:1.9;margin:0 0 25px}.auth-panel label{font-weight:600;font-size:12px;margin:20px 0 9px;display:block}.auth-panel input{width:100%;border-radius:11px;border:1px solid #324b6e;background:#0b172b;padding:15px;color:#f7fbff;outline:none;transition:border-color .15s;direction:ltr;text-align:left}.auth-panel input::placeholder{color:#6f89a9}.auth-panel input:focus{border-color:#65a0ff;box-shadow:0 0 0 3px #3c84ff23}.pass-wrap{position:relative}.pass-wrap input{padding-right:64px}.reveal{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:none;background:transparent;color:#9ab9df;font-size:12px;padding:9px}.primary-button{margin-top:25px;background:linear-gradient(95deg,#2264d8,#418cff);color:white;border:1px solid #639eff;width:100%;padding:16px 22px;border-radius:12px;font-weight:700;display:flex;justify-content:center;gap:10px;align-items:center;box-shadow:0 10px 22px #0d4ecb3d;transition:filter .15s,transform .15s}.primary-button:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}button:disabled{opacity:.65;cursor:wait}.notice{margin-top:16px;padding:13px;border-radius:10px;border:1px solid #3e5874;background:#112746;color:#c8e1ff;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.notice.error{border-color:#754553;background:#402333;color:#ffc3ca}.notice.success{border-color:#2d725c;background:#143a33;color:#aeffe0}.notice.warning{border-color:#7e6531;background:#3f311c;color:#ffdda4}.card-footer{border-top:1px solid #294360;margin-top:31px;padding-top:19px;display:flex;align-items:center;justify-content:center;gap:8px;direction:ltr;color:#8caacb;font-size:11px}.success-mark{background:#124a41;color:#6cf1be;width:45px;height:45px;display:grid;place-items:center;border-radius:13px;font-size:22px;margin-bottom:19px}.identity-card{display:grid;gap:17px;padding:18px;border-radius:12px;background:#0d1a30;border:1px solid #263f62;margin:21px 0}.identity-card>div{display:flex;justify-content:space-between;align-items:center;gap:15px}.small-label{font-size:12px;color:#8aa7c7}.email-value{direction:ltr;font-size:12px;word-break:break-all;text-align:left}.role-pill{direction:ltr;font-size:11px;color:#a9d6ff;background:#18395c;padding:6px 10px;border-radius:30px}.permissions-summary{font-size:13px;color:#d6e6fa;line-height:1.9;padding:0 3px 12px}.test-box{padding:18px;border-radius:12px;border:1px solid #284365;background:#112039}.test-title{font-size:14px;font-weight:750;margin-bottom:7px}.test-box .muted{margin:0}.secondary-button{margin-top:16px;background:#1a3e72;box-shadow:none;border-color:#3b6295}.text-button{width:100%;margin-top:18px;padding:10px;background:transparent;border:none;color:#a8bfdc;font-size:13px}.text-button:hover{color:#fff}.bottom-note{text-align:center;padding:0 20px 24px;color:#647d9f;direction:ltr;font-size:10px;letter-spacing:.08em}
@media(max-width:880px){.page{grid-template-columns:1fr;gap:30px;min-height:auto;padding-top:24px}.intro{padding:0}.intro h1{font-size:39px}.intro .info-panel{margin-top:22px}.tag-row{justify-content:flex-start}.auth-panel{max-width:520px;width:100%;margin-inline:auto}}@media(max-width:520px){.topbar{padding:22px 18px}.brand-text strong{font-size:13px}.brand-text span{font-size:8px}.brand-logo{width:41px;height:41px}.stage{font-size:10px;padding:7px 9px}.page{padding:15px 17px 44px}.intro h1{font-size:31px}.intro p{font-size:13px}.intro .info-panel{font-size:12px}.auth-panel{padding:26px 21px;border-radius:17px}.auth-panel h2{font-size:24px}}

/* Temporary encrypted-write test UI */
.test-box + .test-box { margin-top: 16px; }
.test-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; flex-wrap:wrap; }
.demo-pill { display:inline-flex; direction:ltr; font-size:10px; color:#9bcbff; border:1px solid #355b87; padding:5px 9px; border-radius:999px; background:#153356; white-space:nowrap; }
.save-test .muted { margin:10px 0 0; }
.save-test .muted strong { color:#dbebff; }
.test-footnote { font-size:11px; color:#88a9cd; line-height:1.8; margin:13px 0 0; }