.auth-main{display:block;max-width:680px;margin:40px auto;padding:0 20px}.auth-card{padding:36px}.auth-card h1{font-size:34px}.auth-card .eyebrow{font-size:13px}.auth-card label{font-size:16px;margin-top:18px}.auth-card input{font-size:16px}.auth-card .hint{font-size:14px}.auth-providers{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.auth-provider{display:flex;align-items:center;justify-content:center;padding:16px 12px;min-height:54px;background:#192e23;border:1px solid #53745f;border-radius:10px;font:inherit;font-weight:650;color:#e9f5ef;text-align:center;cursor:pointer}.auth-provider:disabled{opacity:.6;cursor:not-allowed}.auth-provider:focus-visible{outline:3px solid white;outline-offset:3px}.auth-provider[hidden],#authEmailMethod[hidden],.auth-links [hidden],#authResend[hidden]{display:none}.auth-divider{text-align:center;margin:28px 0 6px;color:#9bafa3}.auth-names{display:grid;grid-template-columns:1fr 1fr;gap:14px}.auth-links{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:28px;font-size:16px}.auth-links:has(a:not([hidden])){margin-top:28px}.auth-links:not(:has(a:not([hidden]))){margin:0}#authMessage{overflow-wrap:anywhere}#authMessage:empty,#authConfig:empty{display:none}@media(max-width:480px){.auth-main{margin:24px auto}.auth-card{padding:24px 18px}.auth-card h1{font-size:29px}.auth-providers,.auth-names{grid-template-columns:1fr}}
.auth-terms{margin:22px 0 8px;padding:14px 16px;border:1px solid #53745f;border-radius:12px;background:#12251b}.auth-terms label{display:flex;gap:12px;align-items:flex-start;margin:0;font-size:15px;line-height:1.5;cursor:pointer}.auth-terms input{width:22px;height:22px;flex:0 0 22px;margin:0;accent-color:#71e8b1}.auth-terms a{text-decoration:underline;text-underline-offset:3px}.auth-provider[aria-disabled="true"]{opacity:.55;cursor:not-allowed}

body{background:radial-gradient(ellipse at 12% 25%,#34215470,transparent 55%),radial-gradient(ellipse at 90% 80%,#0b5d4540,transparent 50%),#080f14;min-height:100vh}
.auth-main--welcome{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);max-width:1060px;gap:28px;margin:38px auto 60px;align-items:stretch}
.auth-welcome{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:32px 30px 24px;border:1px solid #6d54845c;border-radius:24px;background:linear-gradient(145deg,#252038,#141225 60%,#142a24);box-shadow:0 20px 65px #0004}
.auth-welcome-copy{position:relative;z-index:1}.auth-welcome .eyebrow{color:#cbb1ff;font-size:11px;letter-spacing:1.6px;margin:0 0 18px}.auth-welcome h2{font-size:44px;letter-spacing:-1.6px;line-height:1.08;margin:0 0 16px;color:#fff}.auth-welcome-copy>p:last-child{font-size:16px;line-height:1.6;margin:0;color:#d0c6e2;max-width:330px}
.auth-max-art{position:relative;margin:10px -10px 0}.auth-max-art img{display:block;width:100%;max-width:430px;height:auto;margin:auto;border-radius:22px;mask-image:linear-gradient(#000 85%,transparent)}.auth-max-tag{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#171e29e8;border:1px solid #af8cde75;border-radius:99px;padding:8px 17px;font-size:10px;letter-spacing:2px;font-weight:800;color:#e6d5ff;box-shadow:0 5px 20px #0005}
.auth-welcome-footer{border-top:1px solid #ffffff17;padding-top:18px}.auth-welcome-footer>span{font-weight:750;font-size:16px;color:#97edc2}.auth-welcome-footer p{font-size:13px;margin:5px 0 0;color:#b2b5bd}
.auth-main--welcome .auth-card{background:linear-gradient(160deg,#14231ff5,#101c1bf5);border-color:#547c6555;box-shadow:0 20px 65px #0003;padding:36px 32px}.auth-card h1{font-size:32px;line-height:1.15;margin-bottom:12px}.auth-intro{font-size:15px;margin:0;color:#b6c7be}.auth-provider{transition:background .18s,border-color .18s,transform .18s;box-shadow:inset 0 1px #ffffff08}.auth-provider:hover:not(:disabled){background:#244535;border-color:#91e9bc;transform:translateY(-2px)}.auth-provider[data-provider="google"]{background:#eeeef3;color:#242a34;border-color:#eeeef3}.auth-provider[data-provider="google"]:hover:not(:disabled){background:#fff}.auth-provider[data-provider="facebook"]{background:#154b92;border-color:#3d7aca;color:#fff}.auth-provider[data-provider="facebook"]:hover:not(:disabled){background:#1b60b6}.auth-provider[data-chatgpt-login]{border-color:#5c9d7a;background:#1e3b2c}.auth-card input:focus-visible{border-color:#91e9bc}.auth-card .cta{background:linear-gradient(110deg,#8eedbd,#65dcb1);box-shadow:0 5px 22px #61d99d1c}.auth-card .cta:hover:not(:disabled){background:#a4f3cc}.auth-terms{background:#11251b90;border-color:#466c5755}.auth-links a:hover{text-decoration:underline}
@media(max-width:800px){.auth-main--welcome{max-width:620px;grid-template-columns:1fr;gap:18px;margin-top:24px}.auth-welcome{display:grid;grid-template-columns:minmax(0,1fr) 150px;padding:24px;align-items:center;gap:12px}.auth-welcome h2{font-size:30px;letter-spacing:-.8px}.auth-welcome .eyebrow{font-size:10px;margin-bottom:12px}.auth-welcome-copy>p:last-child{font-size:14px}.auth-max-art{margin:0}.auth-max-art img{border-radius:16px;mask-image:none}.auth-max-tag,.auth-welcome-footer{display:none}.auth-main--welcome .auth-card{padding:28px}}
@media(max-width:480px){.auth-welcome{grid-template-columns:minmax(0,1fr) 100px;padding:20px 16px;gap:10px}.auth-welcome h2{font-size:26px}.auth-welcome .eyebrow{font-size:9px;letter-spacing:.6px}.auth-main--welcome .auth-card{padding:24px 18px}.auth-main--welcome{padding:0 14px}.auth-card h1{font-size:28px}.auth-providers{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.auth-provider{transition:none}.auth-provider:hover:not(:disabled){transform:none}}
.auth-provider[data-provider="github"]{background:#242936;border-color:#737d91;color:#fff}.auth-provider[data-provider="github"]:hover:not(:disabled){background:#343d50;border-color:#aab4c8}
.guest-main{align-items:center}.guest-card{padding:38px!important}.guest-card>p{font-size:16px}.guest-card h1{font-size:36px}.guest-alternatives{margin:28px 0;padding-top:22px;border-top:1px solid #547c6540}.guest-alternatives p{font-size:14px;margin:0 0 14px}.guest-alternatives a{display:block;padding:11px 0;font-weight:650;font-size:15px}.guest-alternatives a:hover{text-decoration:underline}.guest-card .hint{font-size:14px}.guest-card .hint a{text-decoration:underline}
@media(max-width:800px){.guest-main{align-items:stretch}.guest-card{padding:28px!important}.guest-card h1{font-size:30px}}
@media(max-width:480px){.guest-card{padding:24px 18px!important}.guest-card h1{font-size:28px}.guest-card>p{font-size:15px}}