:root{color-scheme:dark;font-family:Inter,"Segoe UI",sans-serif;color:#eef0f8;background:#090c14;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:48px 24px;background:radial-gradient(ellipse at 50% 8%,#27304b66,transparent 48%)}.sign-in{width:min(100%,370px);text-align:center}.orb{margin:0 auto 18px;width:70px;height:70px;border-radius:50%;padding:6px;background:linear-gradient(140deg,#d0baff80,#597fc422 50%,#88d9e544);box-shadow:0 0 55px #9381ff30;animation:5s ease-in-out infinite breathe}.orb span{display:block;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 33% 26%,#f3d9ff,#a795e5 18%,#3e5eaa 47%,#162038 75%);box-shadow:inset -5px -7px 16px #060911}.brand{font-size:21px;font-weight:650;letter-spacing:.3em;margin:0 0 36px;padding-left:.3em}.brand span{color:#b9b3e9}h1{font-size:26px;font-weight:500;letter-spacing:-.7px;line-height:1.25;margin:0 0 12px}.intro{color:#a3acc0;margin:0 0 34px;font-size:16px}form{text-align:left}label{display:block;font-size:14px;margin:20px 0 9px;color:#d5daea}input{width:100%;height:52px;border-radius:12px;border:1px solid #384054;background:#131925;color:inherit;padding:12px 14px;font:inherit;font-size:16px;outline:0}input:focus{border-color:#beb0f5;box-shadow:0 0 0 3px #b5a0ff20}.password-field{position:relative}.password-field input{padding-right:72px}.password-field button{position:absolute;right:7px;top:6px;height:40px;border:0;border-radius:8px;background:0 0;color:#c5bee9;padding:0 12px;cursor:pointer;font:inherit;font-size:13px}button:focus-visible{outline:#cdbfff solid 2px;outline-offset:3px}.submit{width:100%;min-height:52px;background:#d6cbff;color:#1a1530;border:0;border-radius:12px;font:inherit;font-weight:650;cursor:pointer}.submit:hover{background:#e2daff}.submit:disabled{opacity:.6;cursor:wait}#loginStatus{min-height:21px;font-size:14px;line-height:1.5;color:#f1b5bb;margin:15px 0}.footnote{margin:30px 0 0;color:#8c96ad;font-size:13px}noscript{display:block;margin-top:24px}@keyframes breathe{50%{box-shadow:0 0 70px #9381ff44}}@media(prefers-reduced-motion:reduce){.orb{animation:none}}@media(max-height:650px){body{padding:24px}.brand,.intro{margin-bottom:20px}.orb{width:52px;height:52px}}[hidden]{display:none!important}.arrival{--arrival-bg:#100e16;--arrival-ink:#faf0ef;--arrival-muted:#bca8bf;--arrival-accent:#e4b9d3;position:fixed;inset:0;overflow:auto;display:grid;place-items:center;padding:40px 24px;background:var(--arrival-bg);color:var(--arrival-ink);isolation:isolate}.arrival-aura{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 38%,#8b507136,transparent 55%),radial-gradient(ellipse at 80% 80%,#4b4b7a22,transparent 55%);animation:2.6s ease-out both arrival-light}.arrival-content{text-align:center;max-width:620px;width:100%}.arrival-orbit{width:220px;height:220px;margin:0 auto 20px;position:relative;display:grid;place-items:center;animation:1.1s cubic-bezier(.2,.8,.2,1) both arrival-rise}.arrival-orbit>i{position:absolute;inset:5px;border:1px solid #c89dbc38;border-radius:50%;transform:rotate(-30deg) scaleY(.75);animation:3.4s ease-out both arrival-ring}.arrival-orbit>i:nth-child(2){inset:-16px;transform:rotate(35deg) scaleY(.8);animation-delay:.12s}.arrival-orb{width:148px;height:148px;padding:9px;border-radius:50%;background:linear-gradient(135deg,#e0c4d9aa,#73628422 60%,#d79eab77);box-shadow:0 0 0 5px #c9a6c014,0 0 100px #dda6cf3b,inset 0 0 12px #fff3}.arrival-orb>span{display:block;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 32% 23%,#fff4e9 0,#e6b8cc 13%,#b588b0 32%,#674663 60%,#2a203b 84%);box-shadow:inset 6px 5px 15px #fff3,inset -10px -15px 24px #190f2b;animation:3.4s ease-in-out both arrival-glow}.arrival-brand{display:flex;align-items:baseline;justify-content:center;font-size:clamp(34px,7vw,56px);font-weight:550;letter-spacing:.035em;margin:0 0 24px;line-height:1.2}.arrival-tail{display:grid;grid-template-columns:1fr;animation:1s cubic-bezier(.7,0,.2,1) 1.1s forwards arrival-condense}.arrival-tail>span{min-width:0;overflow:hidden;white-space:nowrap}.arrival-eyebrow{font-size:10px;letter-spacing:2.2px;color:var(--arrival-accent);margin:0 0 18px;line-height:1.8;animation:.7s .2s both arrival-rise}.arrival h1{font-size:clamp(29px,5vw,42px);letter-spacing:-1.3px;margin:0 0 14px;outline:0;animation:.7s .3s both arrival-rise}.arrival-copy{color:var(--arrival-muted);font-size:16px;line-height:1.7;margin:0 0 28px;animation:.7s .45s both arrival-rise}.arrival-enter{display:inline-flex;gap:35px;align-items:center;min-height:48px;padding:12px 22px;border:1px solid #d8b0c74d;border-radius:99px;background:#c89dbc14;color:var(--arrival-ink);font:inherit;cursor:pointer}.arrival-enter:hover{background:#c89dbc30}.arrival-enter:disabled{opacity:.6}body[data-theme=light] .arrival{--arrival-bg:#faf6f2;--arrival-ink:#382d36;--arrival-muted:#756070;--arrival-accent:#854b69}body[data-theme=hello] .arrival{--arrival-bg:#fff3f8;--arrival-ink:#60304b;--arrival-muted:#965774;--arrival-accent:#b03974}body[data-theme=matrix] .arrival{--arrival-bg:#06100b;--arrival-ink:#d8ffe5;--arrival-muted:#82bd96;--arrival-accent:#92eeb0}body[data-theme=matrix] .arrival-orbit{filter:hue-rotate(105deg)}body[data-theme=matrix] .arrival-brand{font-family:Consolas,monospace}@keyframes arrival-condense{to{grid-template-columns:0fr;opacity:0}}@keyframes arrival-rise{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes arrival-light{from{opacity:0}to{opacity:1}}@keyframes arrival-ring{from{opacity:0;scale:.75}40%{opacity:1}to{scale:1.08;opacity:.65}}@keyframes arrival-glow{0%{filter:brightness(.7)}45%{filter:brightness(1.15)}100%{filter:brightness(1)}}@media(max-height:700px){.arrival{padding:24px}.arrival-orbit{width:150px;height:150px;margin-bottom:14px}.arrival-orb{width:108px;height:108px}.arrival-brand{margin-bottom:17px}.arrival-copy{margin-bottom:18px}}@media(prefers-reduced-motion:reduce){.arrival *{animation:none!important}.arrival-tail{grid-template-columns:0fr;opacity:0}}