body{margin:0}
#nadka09[hidden],#auth-shell[hidden]{display:none!important}
#auth-shell{min-height:100dvh;background:#101018;color:#f8f6ff;display:grid;place-items:center;padding:32px 20px;box-sizing:border-box;font:15px/1.5 system-ui,sans-serif;position:relative;isolation:isolate}
.auth-landscape{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(11,9,20,.35),#101018 80%),url('examples/02-photo.webp') center/cover;opacity:.35}
.auth-card{width:min(100%,430px);box-sizing:border-box;background:rgba(24,22,34,.95);border:1px solid #494052;border-radius:24px;padding:32px;box-shadow:0 28px 100px #0005}
.auth-card header{display:flex;align-items:center;justify-content:space-between;gap:16px}.auth-brand{font-size:20px;letter-spacing:2px}.auth-brand b{color:#bb99ff}
.auth-card button{font:inherit;cursor:pointer}.auth-card button:disabled{cursor:wait;opacity:.65}.auth-card header button,.auth-password button{background:transparent;border:1px solid #625572;color:#efe8ff;border-radius:9px;padding:6px 10px}
.auth-eyebrow{font-size:10px;letter-spacing:2px;color:#c3a6f5;margin:42px 0 12px}.auth-card h1{font-size:32px;line-height:1.15;letter-spacing:-1px;margin:0 0 12px}.auth-intro{color:#c1b9cd;margin-bottom:28px}
.auth-card label{display:block;font-size:12px;margin:15px 0 6px;color:#e0d9ea}.auth-card input{width:100%;box-sizing:border-box;background:#100e19;color:#fff;border:1px solid #665972;border-radius:10px;padding:13px;font:inherit;min-width:0}.auth-card input:focus{outline:2px solid #b692ff;outline-offset:2px}
.auth-password{display:flex;position:relative}.auth-password input{padding-right:54px}.auth-password button{position:absolute;right:8px;top:8px;border:0}.auth-card button:focus-visible{outline:2px solid #d3baff;outline-offset:3px}
#auth-message{font-size:12px;color:#e1c9ff;min-height:20px}.auth-submit{width:100%;display:flex;justify-content:space-between;border:0;border-radius:10px;background:#ba94fa;color:#160a29;font-weight:650!important;padding:14px}.auth-note{font-size:12px;color:#bab1c5;margin:22px 0}.auth-card footer{border-top:1px solid #443a50;padding-top:20px;color:#aba0b8;font-size:11px}
@media(min-width:1000px){#auth-shell{padding-left:45%}.auth-card{padding:38px}.auth-landscape{opacity:.6}}
@media(max-width:480px){#auth-shell{padding:20px 12px}.auth-card{padding:24px}.auth-card h1{font-size:29px}}

#session-notice{position:fixed;z-index:3000;bottom:16px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;width:max-content;max-width:calc(100vw - 32px);box-sizing:border-box;background:#282238;color:#fff;border:1px solid #9b72f2;border-radius:12px;padding:12px 16px;font:14px/1.4 system-ui;box-shadow:0 8px 30px #0005}#session-notice button{background:#9b72f2;color:#111;border:0;border-radius:8px;padding:8px 12px;cursor:pointer;flex-shrink:0}

.auth-link{display:block;margin:18px auto 0;background:transparent;border:0;color:#c7afff;font:inherit;font-size:13px;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.auth-card input{max-width:100%;box-sizing:border-box}.auth-card #auth-message{min-height:24px}

#auth-shell.auth-setup{padding:32px 20px;background:radial-gradient(ellipse at 50% 20%,#252034 0%,#101018 65%)}
