:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:#0b0b0b;color:#f5f5f5}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0}body:not(.login-flow){min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top,#1c1f2a,#0b0b0b 55%)}body:not(.login-flow) main{width:min(520px,92vw);background:#101016e6;border:1px solid #22242b;border-radius:8px;padding:40px 36px;box-shadow:0 30px 80px #00000073}body:not(.login-flow) h1{margin:0 0 12px;font-size:32px;font-weight:600;letter-spacing:0}body:not(.login-flow) p{margin:0 0 20px;color:#a2a7b3;font-size:16px;line-height:1.5}body:not(.login-flow) label{display:block;margin-bottom:8px;color:#cfd3dc;font-size:14px}body:not(.login-flow) input{width:100%;padding:12px 14px;font-size:16px;border-radius:10px;border:1px solid #2b2f39;background:#12141c;color:#f5f5f5;margin-bottom:16px}body:not(.login-flow) button{width:100%;padding:12px 16px;font-size:16px;font-weight:600;border-radius:12px;border:none;background:#f5f5f5;color:#0b0b0b;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}body:not(.login-flow) button:disabled{opacity:.7;cursor:not-allowed}body:not(.login-flow) button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 26px #f5f5f526}.flow-footer{margin-top:18px;display:flex;justify-content:space-between;font-size:14px}.flow-footer a{color:#9bc7ff;text-decoration:none}.flow-footer a:hover{text-decoration:underline}.notice{border-radius:12px;padding:16px;border:1px solid #2b2f39;background:#10131b;color:#d2d6df;margin-bottom:20px}body:not(.login-flow) a{color:#9bc7ff;text-decoration:none}body:not(.login-flow) a:hover{text-decoration:underline}body.login-flow{position:relative;overflow:hidden;color:var(--login-text);background:#0f0f10;color-scheme:dark;--login-text: rgb(255 255 255);--login-text-muted: rgb(255 255 255 / 50%);--login-text-soft: rgb(255 255 255 / 70%);--login-time-color: rgb(255 255 255 / 80%);--login-card-bg: rgb(255 255 255 / 3%);--login-card-border: rgb(255 255 255 / 10%);--login-card-ring: rgb(255 255 255 / 5%);--login-card-shadow: 0 25px 50px -12px rgb(0 0 0 / 50%);--login-icon-bg: rgb(255 255 255 / 10%);--login-icon-border: rgb(255 255 255 / 10%);--login-input-bg: rgb(255 255 255 / 8%);--login-input-border: rgb(255 255 255 / 12%);--login-input-focus-border: rgb(255 255 255 / 28%);--login-input-focus-ring: rgb(255 255 255 / 18%);--login-button-bg: rgb(255 255 255 / 10%);--login-button-border: rgb(255 255 255 / 10%);--login-button-text: rgb(255 255 255 / 80%);--login-button-hover-bg: rgb(229 231 235);--login-button-hover-text: rgb(0 0 0)}body.login-flow.light-mode{color-scheme:light;--login-text: rgb(24 24 27);--login-text-muted: rgb(39 39 42 / 65%);--login-text-soft: rgb(39 39 42 / 75%);--login-time-color: rgb(24 24 27 / 70%);--login-card-bg: rgb(255 255 255 / 62%);--login-card-border: rgb(255 255 255 / 70%);--login-card-ring: rgb(255 255 255 / 80%);--login-card-shadow: 0 24px 42px -18px rgb(15 23 42 / 24%);--login-icon-bg: rgb(255 255 255 / 65%);--login-icon-border: rgb(255 255 255 / 75%);--login-input-bg: rgb(255 255 255 / 85%);--login-input-border: rgb(82 82 91 / 28%);--login-input-focus-border: rgb(82 82 91 / 45%);--login-input-focus-ring: rgb(82 82 91 / 20%);--login-button-bg: rgb(255 255 255 / 88%);--login-button-border: rgb(82 82 91 / 18%);--login-button-text: rgb(24 24 27 / 85%);--login-button-hover-bg: rgb(24 24 27);--login-button-hover-text: rgb(255 255 255)}.login-gradient{position:relative;min-height:100vh;width:100%;overflow:hidden;isolation:isolate}.login-gradient:before,.login-gradient:after{content:"";position:absolute;inset:0;pointer-events:none;transition:opacity .5s ease}.login-gradient:before{z-index:-2;opacity:1;background:radial-gradient(circle at 25% 25%,rgb(40 40 40 / 40%) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgb(60 60 60 / 30%) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgb(86 46 70 / 20%) 0%,transparent 50%),linear-gradient(135deg,#000,#3f2837,#2d2d2d 50%,#000)}.login-gradient:after{z-index:-2;opacity:0;background:radial-gradient(circle at 25% 25%,rgb(255 214 170 / 55%) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgb(173 216 255 / 52%) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgb(246 195 255 / 38%) 0%,transparent 50%),linear-gradient(135deg,#ffd5c2,#ffbfcc,#bae3ff 50%,#bdf7d1)}body.login-flow.light-mode .login-gradient:before{opacity:0}body.login-flow.light-mode .login-gradient:after{opacity:1}.login-topbar{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;opacity:.7;transition:opacity .5s ease}body.login-flow.light-mode .login-topbar{opacity:.82}.login-logo-toggle{display:inline-flex;align-items:center;justify-content:center;padding:0;margin:0;border:none;background:transparent;border-radius:9999px;cursor:pointer;transition:filter .5s ease}.login-logo-toggle:focus-visible{outline:2px solid rgb(255 255 255 / 45%);outline-offset:3px}body.login-flow.light-mode .login-logo-toggle:focus-visible{outline-color:#18181b73}.login-logo{width:40px;height:40px;object-fit:contain;transition:filter .5s ease}.login-logo-dark{display:block;filter:drop-shadow(0 1px 2px rgb(0 0 0 / 40%))}.login-logo-light{display:none;filter:drop-shadow(0 1px 2px rgb(255 255 255 / 55%))}body.login-flow.light-mode .login-logo-dark{display:none}body.login-flow.light-mode .login-logo-light{display:block}.login-time{padding:0 .5rem;color:var(--login-time-color);font-size:.875rem;line-height:1.25rem;transition:color .5s ease}.login-center{position:relative;z-index:1;display:flex;justify-content:center;padding-top:20vh;padding-right:1rem;padding-bottom:2rem;padding-left:1rem}.login-card{width:22rem;border-radius:8px;padding:1rem 1.5rem;border:1px solid var(--login-card-border);background:var(--login-card-bg);box-shadow:var(--login-card-shadow),0 0 0 1px var(--login-card-ring);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:background-color .5s ease,border-color .5s ease,box-shadow .5s ease}.login-card-inner{display:flex;flex-direction:column}.login-icon{display:flex;width:70px;height:70px;margin:1rem 0;border-radius:35px;border:1px solid var(--login-icon-border);background:var(--login-icon-bg);align-items:center;justify-content:center;transition:background-color .5s ease,border-color .5s ease}.login-door-icon{display:block;transition:filter .5s ease}body.login-flow.light-mode .login-door-icon{filter:invert(1)}.login-title{margin:0;color:var(--login-text);font-size:1.25rem;line-height:1.75rem;font-weight:400;transition:color .5s ease}.login-subtitle{margin:.3rem 0 0;color:var(--login-text-muted);font-size:.875rem;line-height:1.25rem;transition:color .5s ease}#flow-form{width:100%}.login-identifier{width:100%;margin-top:1rem}.login-identifier label{display:block;margin-bottom:.5rem;color:var(--login-text-soft);font-size:.875rem;line-height:1.25rem;transition:color .5s ease}.login-identifier input{width:100%;margin:0;padding:.625rem .75rem;border-radius:.8rem;border:1px solid var(--login-input-border);background:var(--login-input-bg);color:var(--login-text);font-size:.95rem;transition:background-color .5s ease,border-color .5s ease,color .5s ease,box-shadow .5s ease}.login-identifier input:focus{outline:none;border-color:var(--login-input-focus-border);box-shadow:0 0 0 1px var(--login-input-focus-ring)}.login-button{width:100%;margin-top:2rem;padding:.5rem .75rem;border-radius:.8rem;border:1px solid var(--login-button-border);background:var(--login-button-bg);color:var(--login-button-text);box-shadow:0 1px 2px #0000000d;font-size:1rem;font-weight:500;line-height:1.5rem;display:flex;align-items:center;justify-content:center;gap:.75rem;cursor:pointer;transition:background-color .5s ease,color .5s ease,border-color .5s ease,box-shadow .5s ease,transform .2s ease,opacity .2s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.login-button:hover:not(:disabled){background:var(--login-button-hover-bg);color:var(--login-button-hover-text);transform:translateY(-1px)}.login-button:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:640px){.login-center{padding-top:16vh}.login-card{width:min(22rem,100%)}}body.passkey-setup-flow{min-height:100vh;margin:0;display:grid;place-items:center;background:#101418;color:#f5f7fa;color-scheme:light dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body.passkey-setup-flow main{width:min(100% - 32px,420px);padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}body.passkey-setup-flow h1{margin:0 0 12px;font-size:28px;font-weight:700;line-height:1.1;letter-spacing:0}body.passkey-setup-flow p{margin:0 0 24px;color:#c2cbd5;line-height:1.5}body.passkey-setup-flow button{width:100%;border:0;border-radius:8px;padding:14px 18px;background:#f5f7fa;color:#101418;font:inherit;font-weight:700;cursor:pointer;transition:none}body.passkey-setup-flow button:disabled{opacity:.7;cursor:not-allowed}body.passkey-setup-flow button:hover:not(:disabled){transform:none;box-shadow:none}body.passkey-setup-flow button:focus-visible{outline:3px solid #7dd3fc;outline-offset:3px}body.passkey-setup-flow small{display:block;margin-top:16px;color:#8e9aaa}