.auth-page{color:#f7f4ec;background:radial-gradient(circle at 50% 10%,#d7ad5b1f,#0000 45%),#0c0f0e;flex-direction:column;min-height:100svh;display:flex}.auth-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;height:84px;padding:0 clamp(20px,5vw,64px);display:flex}.auth-container{flex:1;justify-content:center;align-items:center;padding:40px 20px;display:flex}.auth-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#121615d9;border:1px solid #d7ad5b40;border-radius:16px;width:100%;max-width:440px;padding:40px 32px;box-shadow:0 20px 50px #00000080,inset 0 1px #ffffff1a}.auth-tabs{background:#0006;border:1px solid #ffffff14;border-radius:8px;margin-bottom:28px;padding:4px;display:flex}.auth-tab{letter-spacing:.05em;text-align:center;color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:10px 0;font-size:13px;font-weight:700;transition:all .2s}.auth-tab.active{color:#111514;background:#d7ad5b;box-shadow:0 2px 8px #d7ad5b4d}.auth-title{text-align:center;margin-bottom:24px}.auth-title h1{color:#fff;margin:0 0 6px;font:400 28px/1.2 Georgia,serif}.auth-title p{color:#fff9;margin:0;font-size:13px}.google-btn{color:#1f1f1f;cursor:pointer;background:#fff;border:none;border-radius:8px;justify-content:center;align-items:center;gap:12px;width:100%;height:48px;font-size:14px;font-weight:600;transition:transform .18s,box-shadow .18s,background-color .18s;display:flex}.google-btn:hover{background:#f8f9fa;transform:translateY(-1px);box-shadow:0 4px 15px #fff3}.auth-divider{color:#ffffff59;letter-spacing:.1em;text-transform:uppercase;align-items:center;margin:24px 0;font-size:11px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#ffffff1a;flex:1;height:1px}.auth-divider span{padding:0 12px}.auth-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{letter-spacing:.1em;text-transform:uppercase;color:#ffffffb3;font-size:11px;font-weight:700}.form-input{color:#fff;background:#0006;border:1px solid #ffffff26;border-radius:8px;outline:none;width:100%;height:44px;padding:0 14px;font-size:14px;transition:border-color .18s,box-shadow .18s}.form-input:focus{border-color:#d7ad5b;box-shadow:0 0 0 3px #d7ad5b26}.submit-btn{color:#111514;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,#d7ad5b,#b88a38);border:none;border-radius:8px;width:100%;height:46px;margin-top:8px;font-size:14px;font-weight:700;transition:opacity .18s,transform .18s}.submit-btn:hover{opacity:.95;transform:translateY(-1px)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.auth-message{text-align:center;border-radius:6px;margin-top:14px;padding:10px 14px;font-size:13px}.auth-message.error{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d}.auth-message.success{color:#86efac;background:#22c55e26;border:1px solid #22c55e4d}.user-profile-card{text-align:center}.user-avatar{object-fit:cover;color:#d7ad5b;background:#111514;border:2px solid #d7ad5b;border-radius:50%;place-items:center;width:72px;height:72px;margin:0 auto 16px;font-size:24px;font-weight:700;display:grid}.user-details h2{color:#fff;margin:0 0 4px;font-size:20px}.user-details p{color:#fff9;margin:0 0 24px;font-size:13px}.user-actions{flex-direction:column;gap:10px;display:flex}.user-btn{text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;height:44px;font-size:13px;font-weight:700;text-decoration:none;transition:all .18s;display:flex}.user-btn-primary{color:#111514;background:#d7ad5b}.user-btn-primary:hover{background:#e4be6e}.user-btn-secondary{color:#fffc;background:0 0;border:1px solid #fff3}.user-btn-secondary:hover{color:#fff;border-color:#ffffff80}.logout-btn{color:#fca5a5;background:0 0;border:1px solid #ef444466;margin-top:8px}.logout-btn:hover{background:#ef44441a;border-color:#ef4444}.password-wrapper{align-items:center;width:100%;display:flex;position:relative}.password-wrapper .form-input{padding-right:44px}.eye-toggle-btn{color:#ffffff73;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:color .18s,background-color .18s;display:flex;position:absolute;right:10px}.eye-toggle-btn:hover{color:#d7ad5b;background:#ffffff0d}