.login-page{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex;position:relative;overflow:hidden}.login-container{z-index:10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;gap:2.5rem;width:100%;max-width:400px;padding:3rem 2.5rem;display:flex;position:relative}.login-header{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.login-icon-wrapper{background:var(--accent-soft);width:64px;height:64px;color:var(--accent-hover);box-shadow:0 0 30px var(--accent-soft);border-radius:50%;justify-content:center;align-items:center;margin-bottom:.5rem;display:flex}.login-header h1{color:var(--text-primary);letter-spacing:1px;font-size:1.5rem;font-weight:600}.login-header p{color:var(--text-muted);font-size:.95rem}.login-form{flex-direction:column;gap:1.25rem;display:flex}.login-mode-switch{border:1px solid var(--border);border-radius:var(--radius-md);background:#0000001f;grid-template-columns:1fr 1fr;gap:.35rem;padding:.3rem;display:grid}.login-mode-switch button{border-radius:calc(var(--radius-md) - 2px);color:var(--text-muted);cursor:pointer;font:inherit;background:0 0;border:0;padding:.55rem .75rem}.login-mode-switch button.active{color:var(--text-primary);background:var(--accent-soft)}.login-mode-switch button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:1px}.login-input-group input{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;height:3.2rem;color:var(--text-primary);text-align:left;letter-spacing:.02em;background:#0003;padding:0 1.25rem;font-size:1rem;transition:all .2s}.login-input-group input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-soft);background:#0006;outline:none}.login-input-group input::placeholder{color:var(--text-muted);letter-spacing:normal}.login-error{color:var(--danger);text-align:center;background:var(--danger-soft);border-radius:var(--radius-sm);padding:.5rem;font-size:.9rem}.login-submit{background:var(--text-primary);width:100%;height:3.2rem;color:var(--bg-primary);border:none;font-size:1rem}.login-submit:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #ffffff1a}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:480px){.login-container{box-shadow:none;background:0 0;border:none;padding:2.5rem 1.5rem}}.question-sequence-app .login-page{background:0 0}.question-sequence-app .login-container{border:1px solid var(--q-line);background:var(--q-surface);box-shadow:8px 8px 0 var(--q-pink-soft);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:24px;gap:1.5rem}.question-sequence-app .login-header{gap:.65rem}.question-sequence-app .login-header .question-mascot{margin:-.5rem 0 .35rem}.question-sequence-app .login-header .question-mascot-image{width:5.8rem;height:5.8rem}.question-sequence-app .login-header .question-mascot-orbit{width:6.6rem;height:6.6rem}.question-sequence-app .login-brand-kicker{color:var(--q-indigo);letter-spacing:.12em;font:800 .62rem ui-monospace,monospace}.question-sequence-app .login-header h1{color:var(--q-ink);letter-spacing:-.03em;font-weight:850}.question-sequence-app .login-header p:not(.login-brand-kicker){color:var(--q-muted)}.question-sequence-app .login-icon-wrapper{border:1px solid var(--q-indigo-line);background:var(--q-indigo-soft);width:2.35rem;height:2.35rem;color:var(--q-indigo);box-shadow:none;border-radius:10px;margin:0}.question-sequence-app .login-mode-switch{border-color:var(--q-line);background:var(--q-paper);border-radius:12px}.question-sequence-app .login-mode-switch button{color:var(--q-muted)}.question-sequence-app .login-mode-switch button.active{color:var(--q-indigo-deep);background:var(--q-surface);box-shadow:2px 2px 0 var(--q-pink-soft)}.question-sequence-app .login-input-group input{border-color:var(--q-line-strong);background:var(--q-paper);height:3rem;color:var(--q-ink);border-radius:11px}.question-sequence-app .login-input-group input:focus{border-color:var(--q-indigo);background:var(--q-surface);box-shadow:0 0 0 3px var(--q-indigo-soft)}.question-sequence-app .login-submit{background:var(--q-indigo);color:#fff;height:3rem;box-shadow:3px 3px 0 var(--q-pink-soft);border-radius:11px}.question-sequence-app .login-submit:hover{background:var(--q-indigo-deep);box-shadow:4px 4px 0 var(--q-pink-soft);transform:translateY(-1px)}@media (max-width:480px){.question-sequence-app .login-container{border:1px solid var(--q-line);background:var(--q-surface);box-shadow:5px 5px 0 var(--q-pink-soft);border-radius:20px}}.question-sequence-app .login-container{gap:1.35rem;max-width:30rem}.question-sequence-app .login-input-group{gap:.42rem;display:grid}.question-sequence-app .login-input-group>label{color:var(--q-ink);letter-spacing:.01em;font-size:.78rem;font-weight:750}.question-sequence-app .login-password-control{align-items:center;display:flex;position:relative}.question-sequence-app .login-password-control input{padding-right:3rem}.question-sequence-app .login-password-toggle{width:2rem;height:2rem;color:var(--q-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid;position:absolute;right:.6rem}.question-sequence-app .login-password-toggle:hover{color:var(--q-indigo-deep);background:var(--q-indigo-soft)}.question-sequence-app .login-password-strength{align-items:center;gap:.5rem;min-height:1.05rem;display:flex}.question-sequence-app .login-password-strength>span{gap:.18rem;display:flex}.question-sequence-app .login-password-strength i{background:var(--q-line);border-radius:99px;width:1.35rem;height:.22rem;display:block}.question-sequence-app .login-password-strength small{color:var(--q-muted);font-size:.68rem}.question-sequence-app .login-password-strength.weak i:nth-child(-n+1){background:var(--q-danger)}.question-sequence-app .login-password-strength.fair i:nth-child(-n+2){background:var(--q-warning)}.question-sequence-app .login-password-strength.strong i{background:var(--q-mint)}.question-sequence-app .login-remember{color:var(--q-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;font-size:.76rem;display:inline-flex}.question-sequence-app .login-remember input{width:1rem;height:1rem;accent-color:var(--q-indigo)}.question-sequence-app .login-remember small{color:var(--q-muted);font-size:.68rem}.question-sequence-app .login-notice,.question-sequence-app .login-error{border:1px solid var(--q-indigo-line);background:var(--q-indigo-soft);color:var(--q-indigo-deep);text-align:left;border-radius:10px;padding:.65rem .75rem;font-size:.78rem;line-height:1.5}.question-sequence-app .login-error{border-color:color-mix(in srgb, var(--q-danger) 35%, var(--q-line));background:color-mix(in srgb, var(--q-danger) 9%, var(--q-surface));color:var(--q-danger)}.question-sequence-app .turnstile-challenge{min-height:2rem;color:var(--q-muted);text-align:center;justify-items:center;gap:.35rem;font-size:.7rem;display:grid}.question-sequence-app .turnstile-challenge p{margin:0}.question-sequence-app .login-footnote{color:var(--q-muted);text-align:center;font-size:.68rem;line-height:1.65}@media (max-width:480px){.question-sequence-app .login-container{max-width:100%}}.app-container.question-sequence-app:has(>.question-sequence-login-view){width:100%;max-width:none;margin:0;padding:0}.app-container.question-sequence-app:has(>.question-sequence-login-view)>.question-sequence-login-view{width:100%;min-height:100dvh;margin:0}.app-container.question-sequence-app:has(>.question-sequence-login-view)>.question-sequence-login-view>.main-content{width:100%;min-width:0;max-width:none;margin:0;padding:0}.app-container.question-sequence-app:has(>.question-sequence-login-view) .login-page{box-sizing:border-box;width:100%;min-height:100dvh}