:root{--bg-dark:#050505;--bg-darker:#020202;--text-main:#f8fafc;--text-muted:#94a3b8;--accent-color:#3b82f6;--accent-glow:#3b82f680;--accent-purple:#8b5cf6;--accent-purple-glow:#8b5cf680;--border-color:#ffffff14;--glass-bg:#0a0a0c99}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;overflow-x:hidden}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);position:relative;overflow:hidden;box-shadow:0 4px 30px #00000080}.glass:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;opacity:.3;background:linear-gradient(135deg,#3b82f680,#8b5cf61a,#0000 50%);padding:2px;transition:opacity .5s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass:hover:before{opacity:1}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.btn{cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-family:inherit;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg, var(--accent-color), var(--accent-purple));color:#fff;box-shadow:0 0 15px var(--accent-glow)}.btn-primary:hover{box-shadow:0 0 25px var(--accent-purple-glow);text-shadow:0 0 8px #ffffff80;transform:translateY(-2px)}.btn-outline{color:var(--text-main);border:1px solid var(--border-color);background:0 0}.btn-outline:hover{border-color:var(--accent-color);box-shadow:0 0 10px var(--accent-glow) inset;background:#ffffff0d}.glitch-text{color:#fff;text-shadow:0 0 10px var(--accent-glow);position:relative}.input-field{border:1px solid var(--border-color);width:100%;color:var(--text-main);background:#0006;border-radius:.5rem;padding:.75rem 1rem;font-family:inherit;transition:all .3s}.input-field:focus{border-color:var(--accent-color);box-shadow:0 0 15px var(--accent-glow);background:#0009;outline:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}