html,body{color:#f0f7f7;box-sizing:border-box;background:#041010;justify-content:center;align-items:center;min-height:100%;margin:0;padding:24px;font:15px/1.5 system-ui,sans-serif;display:flex}.auth-card{box-sizing:border-box;background:#0a1e1d;border:1px solid #163837;border-radius:16px;width:100%;max-width:380px;padding:28px}h1{letter-spacing:.02em;margin:0 0 12px;font-size:1.5rem}.tagline{color:#b8d4d3;margin:0 0 24px;font-size:.9rem}.tabs{gap:8px;margin-bottom:20px;display:flex}.tab{color:#b8d4d3;cursor:pointer;font:inherit;background:0 0;border:1px solid #1f4a49;border-radius:8px;flex:1;padding:8px 0}.tab.active{color:#fff;background:#2f9e9a;border-color:#2f9e9a}.auth-form{flex-direction:column;gap:14px;display:flex}.auth-form label{color:#b8d4d3;flex-direction:column;gap:6px;font-size:.85rem;display:flex}.auth-form input{color:#f0f7f7;font:inherit;background:#071414;border:1px solid #1f4a49;border-radius:8px;padding:10px 12px;font-size:16px}.auth-form input:focus{outline-offset:1px;outline:2px solid #2dd4bf}.hint{color:#779493;margin:-6px 0 0;font-size:.75rem}.auth-form button[type=submit]{color:#fff;font:inherit;cursor:pointer;background:#2dd4bf;border:none;border-radius:8px;margin-top:4px;padding:10px 0;font-weight:600}.auth-form button[type=submit]:hover{background:#63e3df}.error{color:#ff9db3;background:#3a1420;border:1px solid #6b1f36;border-radius:8px;margin:16px 0 0;padding:10px 12px;font-size:.85rem}.guest-divider{color:#4d6867;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:10px;margin:22px 0 16px;font-size:.75rem;display:flex}.guest-divider:before,.guest-divider:after{content:"";background:#163837;flex:1;height:1px}.guest-btn{color:#b8d4d3;width:100%;font:inherit;cursor:pointer;background:0 0;border:1px solid #1f4a49;border-radius:8px;padding:10px 0;font-weight:600}.guest-btn:hover{color:#fff;border-color:#2f9e9a}.guest-hint{text-align:center;margin-top:10px}.gate-actions{gap:10px;display:flex}.gate-actions a{font:inherit;text-align:center;border-radius:8px;flex:1;padding:10px 0;font-weight:600;text-decoration:none}.gate-enter{color:#fff;background:#2dd4bf;padding:16px 0;font-size:17px}.gate-enter:hover{background:#63e3df}.gate-exit{color:#b8d4d3;background:0 0;border:1px solid #1f4a49}.gate-exit:hover{color:#ff9db3;border-color:#6b1f36}.auth-form[hidden]{display:none}.auth-dialog{color:#f0f7f7;background:#0a1c1b;border:1px solid #1f4a49;border-radius:12px;max-width:min(92vw,460px);padding:20px}.auth-dialog::backdrop{background:#000c}.auth-dialog h2{margin:0 0 6px;font-size:1.1rem}.auth-dialog label{color:#b8d4d3;flex-direction:column;gap:6px;margin-top:14px;font-size:.85rem;display:flex}.auth-dialog textarea{color:#f0f7f7;font:inherit;resize:vertical;background:#071414;border:1px solid #1f4a49;border-radius:8px;padding:10px 12px;font-size:16px}.auth-dialog-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.auth-dialog-actions button{color:#f0f7f7;font:inherit;cursor:pointer;background:#163635;border:none;border-radius:8px;padding:10px 16px}.auth-dialog-actions #apply-submit{background:#2dd4bf;font-weight:600}.error.notice{color:#b8f0cd;background:#14301f}.referral-block{border-top:1px solid #163635;margin-top:22px;padding-top:18px}.referral-btn{box-sizing:border-box;color:#fff;width:100%;font:inherit;text-align:center;cursor:pointer;background:#2dd4bf;border:none;border-radius:8px;padding:10px 0;font-weight:600;text-decoration:none;display:block}.referral-btn:hover{background:#63e3df}.referral-link{color:#f0f7f7;width:100%;font:inherit;background:#071414;border:1px solid #1f4a49;border-radius:8px;margin-top:8px;padding:10px 12px;font-size:16px}#referral-result[hidden],#referral-note-label[hidden]{display:none}.referral-block .hint{margin-top:10px;line-height:1.45}.auth-label{color:#b8d4d3;flex-direction:column;gap:6px;margin-top:14px;font-size:.85rem;display:flex}.auth-label textarea,#reason-step textarea{color:#f0f7f7;font:inherit;resize:vertical;background:#071414;border:1px solid #1f4a49;border-radius:8px;padding:10px 12px;font-size:16px}#reason-step button,#done-step button{color:#fff;width:100%;font:inherit;cursor:pointer;background:#2dd4bf;border:none;border-radius:8px;margin-top:12px;padding:10px 0;font-weight:600}#done-step #again{background:#163635}#signin-step[hidden],#reason-step[hidden],#done-step[hidden]{display:none}.link-btn{color:#8fd6d4;font:inherit;cursor:pointer;background:0 0;border:none;align-self:center;margin-top:2px;padding:4px;font-size:.78rem;text-decoration:underline}.link-btn:hover{color:#c9fffd}.auth-dialog-actions #forgot-submit{background:#2dd4bf;font-weight:600}.auth-dialog-actions button[hidden],#forgot-done[hidden],#forgot-error[hidden]{display:none}input,textarea,select{font-size:16px}