.auth-page{--auth-bg:#0a0a0a;--auth-text:#ededed;--auth-text-muted:#aaa;--auth-text-darker:#888;--auth-border:#ffffff14;--auth-border-strong:#ffffff1a;--auth-border-hover:#ffffff26;--auth-input-bg:#222;--auth-input-focus:#2a2a2a;--auth-surface:#1a1a1a;--auth-accent:#ec6a29;--auth-modal-overlay:#000c}[data-theme=light] .auth-page{--auth-bg:#f9fafb;--auth-text:#111827;--auth-text-muted:#4b5563;--auth-text-darker:#6b7280;--auth-border:#0000001a;--auth-border-strong:#00000026;--auth-border-hover:#0003;--auth-input-bg:#fff;--auth-input-focus:#f3f4f6;--auth-surface:#fff;--auth-accent:#ec6a29;--auth-modal-overlay:#00000080}.auth-page{background:var(--auth-bg);background-image:radial-gradient(circle at 50% 0,#ec6a2926 0%,#0000 50%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-container{background:var(--auth-surface);border:1px solid var(--auth-border);width:100%;max-width:440px;color:var(--auth-text);border-radius:16px;flex-direction:column;gap:32px;padding:48px;animation:.5s ease-out forwards auth-fadeIn;display:flex;box-shadow:0 16px 32px #0003}@keyframes auth-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-header{text-align:center;flex-direction:column;gap:12px;display:flex}.auth-header h1{letter-spacing:-.05em;color:var(--auth-text);font-size:2.25rem;font-weight:700}.auth-header p{color:var(--auth-text-muted);font-size:1rem}.auth-form{flex-direction:column;gap:20px;display:flex}.auth-input-group{flex-direction:column;gap:8px;display:flex}.auth-input-group label{color:var(--auth-text);font-size:.875rem;font-weight:500}.auth-password-header{justify-content:space-between;align-items:center;display:flex}.auth-forgot-password{color:var(--auth-accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:.8rem;font-weight:500;text-decoration:none}.auth-forgot-password:hover{text-decoration:underline}.auth-input{border:1px solid var(--auth-border-strong);background:var(--auth-input-bg);width:100%;color:var(--auth-text);border-radius:12px;outline:none;padding:14px 16px;font-size:1rem;transition:all .2s}.auth-input::placeholder{color:var(--auth-text-darker)}.auth-input:focus{border-color:var(--auth-accent);background:var(--auth-input-focus);box-shadow:0 0 0 3px #ec6a2933}.auth-password-wrapper{align-items:center;display:flex;position:relative}.auth-password-wrapper .auth-input{padding-right:48px}.auth-eye-button{cursor:pointer;color:var(--auth-text-darker);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex;position:absolute;right:12px}.auth-eye-button:hover{color:var(--auth-accent);background:var(--auth-border)}.auth-divider{text-align:center;color:var(--auth-text-darker);align-items:center;margin:4px 0;font-size:.875rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid var(--auth-border);flex:1}.auth-divider:before{margin-right:.5em}.auth-divider:after{margin-left:.5em}.auth-social-btn{border:1px solid var(--auth-border-strong);background:var(--auth-input-bg);width:100%;color:var(--auth-text);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:12px;padding:12px 24px;font-size:1rem;font-weight:500;transition:all .2s;display:inline-flex}.auth-social-btn:hover{background:var(--auth-input-focus);border-color:var(--auth-border-hover);transform:translateY(-2px)}.auth-footer{text-align:center;color:var(--auth-text-muted);font-size:.875rem}.auth-footer a{color:var(--auth-accent);font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-type-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.auth-type-option{border:1px solid var(--auth-border-strong);background:var(--auth-input-bg);cursor:pointer;text-align:center;border-radius:12px;flex-direction:column;align-items:center;padding:16px;transition:all .2s;display:flex}.auth-type-option:hover{background:var(--auth-input-focus);border-color:#ec6a2966}.auth-type-option.selected{border:2px solid var(--auth-accent);background:#ec6a2914}.auth-type-label{color:var(--auth-text);margin-top:8px;font-weight:600}.auth-type-option.selected .auth-type-label{color:var(--auth-accent)}.auth-type-sub{color:var(--auth-text-darker);margin-top:4px;font-size:.75rem}.auth-modal-overlay{background-color:var(--auth-modal-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s ease-out forwards auth-fadeIn;display:flex;position:fixed;top:0;left:0}.auth-modal-content{background:var(--auth-surface);border:1px solid var(--auth-border-strong);border-radius:16px;flex-direction:column;gap:16px;width:90%;max-width:640px;padding:24px;animation:.3s ease-out forwards auth-slideUp;display:flex;position:relative;box-shadow:0 20px 40px #0009}@keyframes auth-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-modal-close{color:var(--auth-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:2rem;line-height:1;transition:color .2s;display:flex;position:absolute;top:16px;right:16px}.auth-modal-close:hover{color:var(--auth-accent)}.auth-modal-title{color:var(--auth-text);margin:0;padding-right:24px;font-size:1.25rem;font-weight:600}.auth-video-wrapper{background:#000;border-radius:8px;height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.auth-video-wrapper video,.auth-video-wrapper iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.auth-help-wrapper{align-items:center;display:inline-flex;position:relative}.auth-help-tooltip{background:var(--auth-accent);color:#fff;white-space:nowrap;pointer-events:none;z-index:10;border-radius:12px;padding:6px 12px;font-size:.75rem;font-weight:600;animation:2s infinite auth-bounceTooltip;position:absolute;top:-40px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #ec6a2966}.auth-help-tooltip:after{content:"";border-style:solid;border-width:6px;border-color:var(--auth-accent) transparent transparent transparent;position:absolute;top:100%;left:50%;transform:translate(-50%)}.auth-help-pulse{background:var(--auth-accent);z-index:0;border-radius:50%;width:100%;height:100%;animation:2s infinite auth-pulseButton;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes auth-bounceTooltip{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-6px)}}@keyframes auth-pulseButton{0%{opacity:.4;width:100%;height:100%}70%{opacity:0;width:250%;height:250%}to{opacity:0;width:100%;height:100%}}@media (max-width:600px){.auth-container{padding:32px 24px}}