.login-container{background:var(--bg-primary);justify-content:center;align-items:flex-start;width:100%;height:100vh;min-height:100vh;padding:15vh 1rem 1rem;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.login-box{text-align:center;width:100%;max-width:100%;margin:0 auto}@media (min-width:480px){.login-container{padding:12vh 1.5rem 1.5rem}.login-box{max-width:400px}}.login-avatar{background:linear-gradient(135deg,var(--accent),#ffffff1a);border:3px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 2rem;display:flex}.login-avatar span{color:var(--bg-primary);font-size:2.5rem;font-weight:600}.login-logo-container{width:min(100%,320px);min-height:2.5rem;font-family:var(--font-display);color:var(--text-primary);white-space:nowrap;flex-wrap:nowrap;justify-content:center;align-items:center;gap:.25rem;margin:0 auto 2rem;font-size:clamp(1.5rem,6vw,2.5rem);font-weight:700;display:flex;overflow:hidden}@media (min-width:480px){.login-logo-container{gap:.5rem;width:100%;min-height:3rem;margin-bottom:3rem}}.login-input-wrapper{white-space:nowrap;flex:auto;justify-content:flex-end;align-items:center;min-width:1ch;max-width:min(70vw,220px);display:inline-flex;position:relative}.login-logo-dot{color:var(--text-primary);white-space:nowrap;flex-shrink:0;margin:0;font-size:clamp(1.5rem,6vw,2.5rem);font-weight:700;line-height:1}.login-logo{font-family:var(--font-display);color:var(--text-primary);white-space:nowrap;flex-shrink:0;margin:0;font-size:clamp(1.5rem,6vw,2.5rem);font-weight:700;line-height:1}.login-logo-input{font-family:var(--font-display);color:var(--text-primary);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;caret-color:#0000;text-align:right;background:#0000004d;border:1px solid #fff3;border-radius:.5rem;outline:none;flex:0 auto;width:auto;min-width:6ch;max-width:100%;margin:0;padding:.4rem 1rem .4rem .75rem;font-size:clamp(1rem,4vw,1.5rem);font-weight:600;line-height:1.5;transition:border-color .2s;display:inline-block;overflow:visible}@media (min-width:480px){.login-logo-input{flex-shrink:0;min-width:8ch;padding:.5rem 1rem}}.login-input-wrapper:has(.login-logo-input:not(:placeholder-shown)) .login-cursor{display:none}.login-input-wrapper:has(.login-logo-input:not(:placeholder-shown)) .login-logo-input{caret-color:var(--accent)}.login-logo-input:focus{border-color:#fff6;outline:none}.login-logo-input::placeholder{opacity:0}.login-cursor{color:var(--accent);pointer-events:none;font-size:clamp(1.5rem,6vw,2.5rem);font-weight:700;line-height:1;animation:1s infinite blink;position:absolute;left:auto;right:1rem}@media (min-width:480px){.login-cursor{right:1rem}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.login-logo__username{color:var(--text-primary)}.login-logo__domain{color:var(--text-secondary);opacity:.7;font-weight:400}.login-subtitle{color:var(--text-secondary);margin-bottom:3rem;font-size:.95rem}.username-preview{color:var(--text-secondary);opacity:0;margin-top:.5rem;font-size:.85rem;transition:opacity .3s}.username-preview.visible{opacity:1}.username-preview span{color:var(--accent);font-weight:600}.login-form{flex-direction:column;gap:1rem;display:flex}.login-input{width:100%;color:var(--text-primary);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:.875rem 1rem;font-size:clamp(.9rem,2.5vw,1rem);transition:all .3s}@media (min-width:480px){.login-input{padding:1rem}}.login-input:focus{border-color:var(--accent);background:#ffffff14;outline:none}.login-btn{background:var(--accent);width:100%;color:var(--bg-primary);cursor:pointer;border:none;border-radius:8px;padding:.875rem 1rem;font-size:clamp(.9rem,2.5vw,1rem);font-weight:600;transition:all .3s}@media (min-width:480px){.login-btn{padding:1rem}}.login-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #fff3}.login-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.login-btn-access{color:var(--text-primary);background:#ffffff1a;border:1px solid #fff3}.login-btn-access:hover{border-color:var(--accent);background:#ffffff26}.login-btn-magic{background:linear-gradient(135deg,var(--accent),#0f8c);animation:.5s ease-out transformToMagic}@keyframes transformToMagic{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.login-magic-form{animation:.3s ease-in fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.login-hint{color:var(--text-secondary);margin-top:.75rem;font-size:clamp(.8rem,2vw,.9rem)}@media (min-width:480px){.login-hint{margin-top:1rem}}.login-hint.success{color:var(--accent)}.login-hint.error{color:#f44}.back-home{color:var(--text-secondary);opacity:.7;margin-top:2rem;font-size:.9rem;text-decoration:none;transition:opacity .3s}.back-home:hover{opacity:1}.code-section{border-top:1px solid #ffffff1a;margin-top:2rem;padding-top:2rem;display:none}.code-section.visible{display:block}.code-input-group{gap:.5rem;margin-bottom:1rem;display:flex}.code-input{color:var(--text-primary);text-align:center;letter-spacing:.2em;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;flex:1;width:100%;margin-bottom:1rem;padding:1rem;font-family:monospace;font-size:1.2rem;font-weight:600;transition:all .3s}.code-input::placeholder{color:#ffffff4d;opacity:1;letter-spacing:.2em}.code-input:focus{border-color:var(--accent);background:#ffffff14;outline:none}.code-input:placeholder-shown{letter-spacing:.2em}.code-hint{color:var(--text-secondary);margin-bottom:1rem;font-size:.85rem}.code-actions{flex-direction:column;align-items:stretch;gap:1rem;margin-top:1.5rem;display:flex}.code-submit-btn{background:var(--accent);width:100%;color:var(--bg-primary);cursor:pointer;border:none;border-radius:8px;padding:1rem;font-size:1rem;font-weight:600;transition:transform .3s,box-shadow .3s,opacity .3s}.code-submit-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #fff3}.code-submit-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.code-resend-link{color:#fff9;cursor:pointer;background:0 0;border:none;padding:.25rem .5rem;font-size:.9rem;font-weight:400;text-decoration:underline;transition:color .2s,opacity .2s}.code-resend-link:hover{color:#ffffffe6;text-decoration:underline}.code-resend-link:disabled{cursor:not-allowed;opacity:.5;text-decoration:none}.divider{text-align:center;color:var(--text-secondary);margin:1.5rem 0;font-size:.9rem;position:relative}.divider:before,.divider:after{content:"";background:#ffffff1a;width:40%;height:1px;position:absolute;top:50%}.divider:before{left:0}.divider:after{right:0}