:root{--color-night:#0d0b1a;--color-deep-indigo:#1a1535;--color-indigo:#2d2660;--color-city:#1e3a4a;--color-city-glow:#2e5a72;--color-crimson:#c0192a;--color-crimson-bright:#e8263b;--color-crimson-glow:#c0192a66;--color-green-eye:#22c55e;--color-green-glow:#22c55e59;--color-gold:#e9b83a;--color-gold-dim:#b88f2a;--color-teal:#4ecdc4;--color-teal-dim:#4ecdc433;--color-white:#f4f1ff;--color-muted:#8b86a8;--color-border:#8b86a833;--font-display:"Bebas Neue", "Impact", sans-serif;--font-ui:"Archivo", sans-serif;--font-mono:"Space Mono", monospace;--section-pad:clamp(5rem, 10vw, 9rem);--shadow-glow-crimson:0 0 30px #c0192a80, 0 0 60px #c0192a33;--shadow-glow-green:0 0 20px #22c55e99, 0 0 50px #22c55e33;--shadow-glow-teal:0 0 20px #4ecdc466;--shadow-card:0 8px 40px #0009;--ease-snappy:cubic-bezier(.25, .46, .45, .94);--ease-elastic:cubic-bezier(.68, -.55, .265, 1.55)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--color-night);color:var(--color-white);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:9999;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.035'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:min(100%,1200px);margin-inline:auto;padding-inline:clamp(1.5rem,5vw,3rem)}.stars-bg{position:relative;overflow:hidden}.stars-bg:after{content:"";pointer-events:none;background:radial-gradient(at 20%,#4ecdc40a 0%,#0000 60%),radial-gradient(at 80% 20%,#c0192a0f 0%,#0000 50%);position:absolute;inset:0}.section-eyebrow{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--color-teal);margin-bottom:.75rem;font-size:.75rem}.section-title{font-family:var(--font-display);letter-spacing:.02em;font-size:clamp(2.5rem,6vw,4.5rem);line-height:.95}.btn{font-family:var(--font-display);letter-spacing:.08em;transition:transform .2s var(--ease-snappy), box-shadow .2s var(--ease-snappy), background .2s;border-radius:4px;align-items:center;gap:.5rem;padding:.85rem 2rem;font-size:1.1rem;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff1f 0%,#0000 60%);transition:opacity .2s;position:absolute;inset:0}.btn:hover:before{opacity:1}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--color-crimson);color:var(--color-white);box-shadow:var(--shadow-glow-crimson)}.btn-primary:hover{background:var(--color-crimson-bright);box-shadow:0 0 40px #e8263bb3,0 0 80px #e8263b4d}.btn-outline{color:var(--color-white);background:0 0;border:1.5px solid #f4f1ff4d}.btn-outline:hover{border-color:var(--color-teal);color:var(--color-teal);box-shadow:var(--shadow-glow-teal)}.tag{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--color-border);color:var(--color-muted);border-radius:2px;padding:.2rem .75rem;font-size:.7rem;display:inline-block}.tag-teal{color:var(--color-teal);background:#4ecdc40f;border-color:#4ecdc466}.tag-crimson{color:var(--color-crimson-bright);background:#c0192a0f;border-color:#c0192a66}.divider{background:linear-gradient(90deg, transparent, var(--color-border), transparent);width:100%;height:1px;margin:0}.card{border:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color .25s, transform .25s var(--ease-snappy), box-shadow .25s;background:#1d1a35b3;border-radius:8px}.card:hover{box-shadow:var(--shadow-card), 0 0 20px #4ecdc41a;border-color:#4ecdc44d;transform:translateY(-4px)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-night)}::-webkit-scrollbar-thumb{background:var(--color-indigo);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-crimson)}::selection{background:var(--color-crimson);color:var(--color-white)}:focus-visible{outline:2px solid var(--color-teal);outline-offset:3px;border-radius:3px}