:root{--background:#05050f;--foreground:#f8fafc;--font-body:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;--font-heading:"Trebuchet MS","Segoe UI",Arial,sans-serif;--primary:#8b5cf6;--primary-hover:#7c3aed;--secondary:#ec4899;--accent:#06b6d4;--surface:rgba(30,41,59,0.4);--surface-hover:rgba(51,65,85,0.6);--border:rgba(255,255,255,0.1);--ring:rgba(139,92,246,0.5);--error:#ef4444;--success:#10b981}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--foreground);font-family:var(--font-body);min-height:100vh;overflow-x:hidden;overscroll-behavior:none;background-image:radial-gradient(circle at 15% 50%,rgba(139,92,246,.15) 0,transparent 50%),radial-gradient(circle at 85% 30%,rgba(236,72,153,.15) 0,transparent 50%);background-attachment:fixed}button,input,video{font:inherit}button:focus-visible,input:focus-visible{outline:3px solid rgba(6,182,212,.55);outline-offset:2px}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;letter-spacing:-.02em}.glass-panel{background:var(--surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:24px;box-shadow:0 8px 32px 0 rgba(0,0,0,.3);transition:all .3s ease}.glass-input{width:100%;background:rgba(0,0,0,.2);border:1px solid var(--border);border-radius:12px;padding:14px 16px;color:var(--foreground);font-family:var(--font-body);font-size:1rem;transition:all .3s ease;outline:none}.glass-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--ring);background:rgba(0,0,0,.4)}.glass-input::placeholder{color:rgba(255,255,255,.3)}.btn-primary{width:100%;padding:14px 24px;border-radius:12px;border:none;background:linear-gradient(135deg,var(--primary),var(--secondary));color:white;font-family:var(--font-heading);font-weight:600;font-size:1.1rem;letter-spacing:.05em;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 4px 15px rgba(139,92,246,.4)}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:all .5s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(139,92,246,.6)}.btn-primary:hover:before{left:100%}.btn-primary:active{transform:translateY(1px)}.btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 20px rgba(139,92,246,.4)}50%{box-shadow:0 0 40px rgba(236,72,153,.6)}to{box-shadow:0 0 20px rgba(139,92,246,.4)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-float{animation:float 6s ease-in-out infinite}.animate-fade-in{animation:fadeIn .8s cubic-bezier(.16,1,.3,1) forwards}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--surface-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.text-gradient{background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-primary{background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}