body{display:flex;justify-content:center;align-items:center;min-height:100vh;background:var(--color-bg-primary);margin:0;padding:0;position:relative;overflow:hidden}body:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 20%,rgba(249,115,22,.08) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(249,115,22,.05) 0%,transparent 50%);pointer-events:none;z-index:0}.login-container{width:100%;max-width:420px;padding:var(--spacing-xl);position:relative;z-index:1}.avatar-container{display:flex;justify-content:center;margin-bottom:-40px;position:relative;z-index:2}.login-avatar{width:140px;height:140px;border-radius:50%;object-fit:cover;border:3px solid var(--color-brand-primary);box-shadow:0 4px 24px #f9731640;background:var(--color-bg-secondary)}.login-box{background:var(--color-bg-secondary);border:1px solid var(--color-brand-border);border-radius:var(--radius-xl);padding:50px 32px 32px;box-shadow:0 8px 40px #0003,0 0 0 1px #f973160d}.login-header{text-align:center;margin-bottom:28px}.login-logo-img{max-width:100%;height:auto;display:block;margin:0 auto}.topbar-logo-light,[data-theme=light] .topbar-logo-dark{display:none}[data-theme=light] .topbar-logo-light{display:block;margin:0 auto}.login-header:after{content:"";display:block;width:48px;height:3px;background:linear-gradient(90deg,#fb923c,#ea580c);border-radius:2px;margin:20px auto 0}.login-form-container{margin-top:var(--spacing-xl)}.login-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.8px}.login-input{background:var(--color-bg-primary);border:1px solid var(--color-bg-elevated);border-radius:var(--radius-md);padding:12px 16px;color:var(--color-text-primary);font-size:var(--font-size-md);transition:border-color .2s ease,box-shadow .2s ease}.login-input:focus{border-color:var(--color-brand-primary);box-shadow:0 0 0 3px #f9731626;outline:none}.login-input::placeholder{color:var(--color-text-muted)}.login-button{background:linear-gradient(135deg,#fb923c,#ea580c);color:#fff;border:none;border-radius:var(--radius-md);padding:13px;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,opacity .2s ease;margin-top:8px;letter-spacing:.3px}.login-button:hover{transform:translateY(-1px);box-shadow:0 4px 16px #f9731659}.login-button:active{transform:translateY(0)}.login-error{background-color:var(--color-error-bg);border:1px solid var(--color-error);color:var(--toast-error-text);padding:10px 14px;border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-size:var(--font-size-md);display:none}.login-error.show{display:block}.turnstile-wrapper{display:flex;justify-content:center;align-items:center;margin-top:4px}.login-lang-switcher{display:flex;align-items:center;justify-content:center;margin-top:var(--spacing-xl);gap:2px;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:2px;width:fit-content;margin-left:auto;margin-right:auto}.login-lang-switcher .lang-btn{min-width:40px;height:30px;padding:0 var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.5px}.login-lang-switcher .lang-separator{display:none}@media (max-width: 480px){.login-container{padding:var(--spacing-md)}.login-box{padding:45px 20px 24px}.login-avatar{width:110px;height:110px}.avatar-container{margin-bottom:-32px}}