:root{--primary: #22c55e;--primary-glow: rgba(34, 197, 94, .4);--primary-dark: #15803d;--bg-dark: #06110a;--bg-mid: #0b1f13;--text-main: #f3f4f6;--text-muted: #9ca3af;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--glass-shadow: rgba(0, 0, 0, .4);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box;font-family:Outfit,sans-serif;-webkit-font-smoothing:antialiased}body{background-color:var(--bg-dark);color:var(--text-main);overflow-x:hidden;min-height:100vh}.eco-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;overflow:hidden;background:linear-gradient(135deg,#050f09,#0c2014,#040c06)}.glow-blob{position:absolute;border-radius:50%;filter:blur(120px);opacity:.15;animation:float 20s infinite alternate ease-in-out}.blob-1{width:500px;height:500px;background-color:var(--primary);top:-10%;right:-5%}.blob-2{width:400px;height:400px;background-color:#10b981;bottom:-10%;left:-5%;animation-delay:-5s}.blob-3{width:300px;height:300px;background-color:#3b82f6;top:40%;left:30%;opacity:.05;animation-delay:-10s}@keyframes float{0%{transform:translate(0) scale(1)}to{transform:translate(60px,40px) scale(1.15)}}.glass-card{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 8px 32px 0 var(--glass-shadow);transition:var(--transition)}.glass-card:hover{border-color:#22c55e40;box-shadow:0 12px 40px #00000080}.glass-input{background:#ffffff05;border:1px solid var(--glass-border);border-radius:12px;padding:12px 16px;color:var(--text-main);outline:none;font-size:15px;transition:var(--transition);width:100%}.glass-input:focus{border-color:var(--primary);box-shadow:0 0 10px var(--primary-glow);background:#ffffff0d}.glass-btn{background:var(--primary);color:#000;font-weight:600;border:none;border-radius:12px;padding:12px 24px;font-size:15px;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:8px}.glass-btn:hover{background:#4ade80;transform:translateY(-2px);box-shadow:0 8px 20px var(--primary-glow)}.glass-btn-secondary{background:#ffffff0d;border:1px solid var(--glass-border);color:var(--text-main)}.glass-btn-secondary:hover{background:#ffffff1a;border-color:#fff3}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.fade-in{animation:fadeIn .5s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.shimmer-bg{background:linear-gradient(90deg,#ffffff03 25%,#ffffff0d 37%,#ffffff03 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0% 50%}}.pulse-online{animation:pulseGlow 2s infinite}@keyframes pulseGlow{0%{box-shadow:0 0 #22c55e80}70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}.slide-up{animation:slideUp .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideUp{0%{transform:translateY(60px);opacity:0}to{transform:translateY(0);opacity:1}}.otp-input-field{width:48px;height:48px;text-align:center;font-size:20px;font-weight:700;border-radius:12px;background:#ffffff05;border:1px solid var(--glass-border);color:#fff;outline:none;transition:var(--transition)}.otp-input-field:focus{border-color:var(--primary);box-shadow:0 0 10px var(--primary-glow);background:#ffffff0d}.glass-card,.eco-bg,.glow-blob{backface-visibility:hidden;perspective:1000px;transform:translateZ(0)}