:root{--auth-bg: #000000;--auth-bg-2: #09090B;--auth-bg-3: #18181B;--auth-bg-4: #27272A;--primary: #FFE081;--primary-dark: #DFAD2B;--primary-light: #FFE7A0;--text-primary: #FFFFFF;--text-secondary: #E4E4E7;--text-muted: #A1A1AA;--text-faint: #71717A;--success: #22C55E;--danger: #EF4444;--warning: #F59E0B;--font: "Plus Jakarta Sans", "Inter", sans-serif;--radius: 14px;--radius-sm: 10px;--transition: all .35s cubic-bezier(.4, 0, .2, 1)}.auth-page *,.auth-page *:before,.auth-page *:after{box-sizing:border-box}.auth-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--auth-bg);font-family:var(--font);color:var(--text-primary);position:relative;overflow:hidden;padding:24px 16px}.auth-orbs{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.auth-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.12;animation:orbFloat 20s ease-in-out infinite}.auth-orb-1{width:600px;height:600px;background:radial-gradient(circle,var(--primary),transparent 70%);top:-200px;right:-100px;animation-delay:0s}.auth-orb-2{width:500px;height:500px;background:radial-gradient(circle,#C2540A,transparent 70%);bottom:-150px;left:-100px;animation-delay:-8s}.auth-orb-3{width:300px;height:300px;background:radial-gradient(circle,var(--primary),transparent 70%);top:50%;left:40%;animation-delay:-14s;opacity:.06}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-40px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}.auth-wrap{position:relative;z-index:1;width:100%;max-width:920px;display:flex;flex-direction:column;align-items:center;gap:20px}.auth-card{width:100%;background:rgba(24,24,27,.85);border:1px solid color-mix(in srgb,var(--primary) 18%,transparent);border-radius:24px;box-shadow:0 0 0 1px #ffffff08,0 32px 80px #000000b3,0 0 60px color-mix(in srgb,var(--primary) 6%,transparent);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);overflow:hidden;display:grid;grid-template-columns:1fr 1fr}.auth-card.auth-card-single{grid-template-columns:1fr;max-width:480px;margin:0 auto}.auth-left{background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 7%,transparent) 0%,rgba(9,9,11,.5) 100%);border-right:1px solid color-mix(in srgb,var(--primary) 12%,transparent);padding:48px 40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px}.auth-left-logo{position:relative;display:flex;align-items:center;justify-content:center}.auth-logo-ring{width:140px;height:140px;border-radius:50%;background:var(--auth-bg-3);border:1px solid color-mix(in srgb,var(--primary) 25%,transparent);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 0 40px color-mix(in srgb,var(--primary) 12%,transparent),inset 0 0 30px color-mix(in srgb,var(--primary) 5%,transparent)}.auth-logo-ring:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;border:1px dashed color-mix(in srgb,var(--primary) 20%,transparent);animation:ringRotate 18s linear infinite}@keyframes ringRotate{to{transform:rotate(360deg)}}.auth-logo-img{width:80px;height:80px;-o-object-fit:contain;object-fit:contain;border-radius:50%;filter:drop-shadow(0 0 16px color-mix(in srgb,var(--primary) 40%,transparent))}.auth-left-text{text-align:center}.auth-left-title{font-size:22px;font-weight:700;color:var(--text-primary);margin-bottom:10px;line-height:1.3}.auth-left-subtitle{font-size:14px;color:var(--text-muted);line-height:1.6}.auth-feature-list{display:flex;flex-direction:column;gap:12px;width:100%}.auth-feature{display:flex;align-items:center;gap:12px;padding:12px 14px;background:color-mix(in srgb,var(--primary) 5%,transparent);border:1px solid color-mix(in srgb,var(--primary) 10%,transparent);border-radius:var(--radius-sm);transition:var(--transition)}.auth-feature:hover{background:color-mix(in srgb,var(--primary) 10%,transparent);border-color:color-mix(in srgb,var(--primary) 25%,transparent)}.auth-feature-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--primary-dark),var(--primary));border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 30%,transparent)}.auth-feature-label{display:flex;flex-direction:column;gap:2px}.auth-feature-label strong{font-size:13px;font-weight:600;color:var(--text-secondary)}.auth-feature-label span{font-size:11px;color:var(--text-muted)}.auth-right{padding:48px 40px;display:flex;flex-direction:column;justify-content:center;gap:24px}.auth-right.auth-right-padded{padding:48px}.auth-mobile-logo{display:none;width:52px;height:52px;-o-object-fit:contain;object-fit:contain;margin:0 auto 8px;filter:drop-shadow(0 0 12px color-mix(in srgb,var(--primary) 40%,transparent))}.auth-form-header{text-align:center}.auth-title{font-size:26px;font-weight:800;color:var(--text-primary);margin-bottom:6px;letter-spacing:-.5px}.auth-subtitle{font-size:14px;color:var(--text-muted)}.auth-alert{padding:14px 16px;border-radius:var(--radius-sm);border-left:3px solid;font-size:13px;display:flex;align-items:flex-start;gap:10px;line-height:1.5}.auth-alert-success{background:rgba(34,197,94,.08);border-color:var(--success);color:#86efac}.auth-alert-error{background:rgba(239,68,68,.08);border-color:var(--danger);color:#fca5a5}.auth-alert-icon{flex-shrink:0;margin-top:1px}.auth-alert-content ul{margin:4px 0 0;padding-left:16px}.auth-alert-content li{margin-bottom:2px}.auth-form{display:flex;flex-direction:column;gap:18px}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-label{font-size:13px;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.auth-label svg{color:var(--primary);flex-shrink:0}.auth-input-wrap{position:relative}.auth-input{width:100%;padding:11px 14px 11px 42px;background:var(--auth-bg-3);border:1px solid color-mix(in srgb,var(--primary) 15%,transparent);border-radius:var(--radius-sm);font-family:var(--font);font-size:14px;color:var(--text-primary);outline:none;transition:var(--transition);-webkit-appearance:none;-moz-appearance:none;appearance:none}.auth-input::-moz-placeholder{color:var(--text-faint)}.auth-input::placeholder{color:var(--text-faint)}.auth-input:focus{border-color:color-mix(in srgb,var(--primary) 60%,transparent);background:rgba(24,24,27,.9);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 10%,transparent)}.auth-input.auth-input-error{border-color:#ef444499}.auth-input.auth-input-error:focus{box-shadow:0 0 0 3px #ef44441a}.auth-input-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--text-faint);pointer-events:none;transition:var(--transition)}.auth-input-wrap:focus-within .auth-input-icon{color:var(--primary)}.auth-input-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-faint);cursor:pointer;padding:4px;display:flex;align-items:center;transition:var(--transition)}.auth-input-toggle:hover{color:var(--primary)}.auth-input select,select.auth-input{cursor:pointer}.auth-field-error{font-size:12px;color:#f87171;display:flex;align-items:center;gap:4px}.auth-options{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.auth-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:var(--text-muted);-webkit-user-select:none;-moz-user-select:none;user-select:none}.auth-checkbox{width:16px;height:16px;accent-color:var(--primary);cursor:pointer;border-radius:4px}.auth-forgot-link{font-size:13px;font-weight:600;color:var(--primary);text-decoration:none;transition:var(--transition)}.auth-forgot-link:hover{color:var(--primary-light);text-decoration:underline}.auth-strength{margin-top:6px}.auth-strength-bars{display:flex;gap:4px;margin-bottom:4px}.auth-strength-bar{height:3px;flex:1;background:var(--auth-bg-4);border-radius:4px;transition:var(--transition)}.auth-strength-label{font-size:11px;color:var(--text-muted)}.auth-strength-label span{font-weight:600}.auth-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px 24px;background:linear-gradient(135deg,var(--primary-dark),var(--primary));color:#fff;font-family:var(--font);font-size:15px;font-weight:700;border:none;border-radius:var(--radius-sm);cursor:pointer;text-decoration:none;transition:var(--transition);box-shadow:0 4px 20px color-mix(in srgb,var(--primary) 35%,transparent);letter-spacing:.2px}.auth-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px color-mix(in srgb,var(--primary) 50%,transparent);color:#fff}.auth-btn:active{transform:translateY(0)}.auth-btn svg{flex-shrink:0}.auth-link-row{text-align:center;font-size:13px;color:var(--text-muted)}.auth-link{color:var(--primary);font-weight:600;text-decoration:none;transition:var(--transition)}.auth-link:hover{color:var(--primary-light);text-decoration:underline}.auth-back{display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;color:var(--text-muted);text-decoration:none;transition:var(--transition);padding:8px;border-radius:8px}.auth-back:hover{color:var(--text-primary);background:color-mix(in srgb,var(--primary) 6%,transparent)}.auth-divider{height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--primary) 15%,transparent),transparent);margin:4px 0}.auth-page-footer{font-size:12px;color:var(--text-faint);text-align:center}@media (max-width: 768px){.auth-card{grid-template-columns:1fr}.auth-left{display:none}.auth-mobile-logo{display:block}.auth-right{padding:36px 24px}.auth-title{font-size:22px}}@media (max-width: 480px){.auth-page{padding:16px 12px}.auth-right{padding:28px 20px}.auth-card{border-radius:16px}}