.auth-wrapper{background:#0a0a0a;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.auth-wrapper:before{content:"";opacity:.35;z-index:0;background:url(/wallpapers/6.jpg) 50%/cover no-repeat;position:absolute;inset:0}.auth-wrapper:after{content:"";z-index:0;background:radial-gradient(#0000 50%,#0a0a0ab3 100%);position:absolute;inset:0}.auth-container{z-index:1;width:100%;max-width:400px;position:relative}.auth-card{text-align:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;padding:40px 32px}.auth-logo{margin-bottom:24px}.auth-logo img{display:inline-block}.auth-card h1{color:#fff;margin-bottom:8px;font-size:24px;font-weight:700}.auth-subtitle{color:#ffffff80;margin-bottom:32px;font-size:14px}.auth-form{text-align:left;flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:#ffffffb3;font-size:13px;font-weight:500}.form-group input{color:#fff;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;outline:none;padding:12px 14px;font-family:inherit;font-size:14px;transition:border-color .2s}.form-group input:focus{border-color:var(--accent)}.form-group input::placeholder{color:#ffffff40}.auth-btn-primary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;margin-top:8px;padding:12px;font-family:inherit;font-size:14px;font-weight:600;transition:background .2s}.auth-btn-primary:hover{background:var(--accent-hover)}.auth-btn-primary:disabled{opacity:.6;cursor:not-allowed}.auth-error{color:#ff6961;text-align:center;background:#ff3b301a;border:1px solid #ff3b3033;border-radius:8px;padding:10px 14px;font-size:13px}.auth-divider{color:#fff3;align-items:center;gap:12px;margin:24px 0;font-size:13px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#ffffff14;flex:1;height:1px}.btn-oauth{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s;display:flex}.btn-oauth:hover{background:#ffffff1a}.oauth-buttons{flex-direction:column;gap:10px;display:flex}.auth-footer{color:#fff6;margin-top:24px;font-size:13px}.auth-footer a{color:var(--accent);font-weight:500}.auth-footer a:hover{text-decoration:underline}