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:480px;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:56px 40px 36px;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}.brand-text-logo{display:inline-flex;align-items:baseline;gap:10px;font-family:var(--font-family-mono);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);letter-spacing:-.01em;line-height:1;color:var(--color-text-primary)}.brand-text-logo .brand-prompt{color:var(--color-brand-primary);font-weight:var(--font-weight-bold)}.brand-text-logo .brand-name{color:var(--color-text-primary)}.brand-text-logo .brand-cursor{display:inline-block;color:var(--color-brand-primary);animation:brand-cursor-blink 1.1s steps(2,start) infinite;margin-left:2px}@keyframes brand-cursor-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}@media (prefers-reduced-motion: reduce){.brand-text-logo .brand-cursor{animation:none}}.login-hero{text-align:center;margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-xl)}.login-hero-title{font-family:var(--font-family-display);font-size:var(--font-size-display-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);letter-spacing:-.02em;line-height:1.1;margin:0 0 var(--spacing-sm) 0}.login-hero-subtitle{font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);opacity:.9;letter-spacing:.08em;margin: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-family:var(--font-family-base);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-family:var(--font-family-mono);font-size:var(--font-size-sm);letter-spacing:.02em;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: 640px){.login-container{padding:var(--spacing-lg)}.login-box{padding:48px 28px 28px}.login-hero-title{font-size:var(--font-size-display-sm)}}@media (max-width: 480px){.login-container{padding:var(--spacing-sm)}.login-box{padding:40px 18px 22px;border-radius:var(--radius-lg)}.login-avatar{width:96px;height:96px;border-width:2px}.avatar-container{margin-bottom:-28px}.login-logo-img{max-width:180px}.brand-text-logo{font-size:var(--font-size-xl)}.login-hero{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md)}.login-hero-title{font-size:var(--font-size-xl)}.login-hero-subtitle{font-size:var(--font-size-xs)}.login-input{padding:11px 14px;font-size:16px}.login-button{padding:12px;font-size:var(--font-size-md)}.login-lang-switcher{margin-top:var(--spacing-lg)}}@media (max-height: 640px) and (max-width: 480px){body{align-items:flex-start;padding-top:var(--spacing-md);padding-bottom:var(--spacing-md);overflow-y:auto}.login-avatar{width:72px;height:72px}.avatar-container{margin-bottom:-22px}.login-box{padding:32px 18px 20px}}