@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Sora:wght@500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{--neon-cyan: #22d3ee;--neon-pink: #fb7185;--neon-purple: #7c83ff;--neon-green: #34d399;--neon-yellow: #fbbf24;--bg-dark: #071321;--bg-panel: #0f2236;--text-primary: #eef3fb;--text-secondary: #b7c3d8}body{font-family:Manrope,sans-serif;background-color:var(--bg-dark);background-image:radial-gradient(circle at 8% 0%,rgba(34,211,238,.16),transparent 32%),radial-gradient(circle at 88% 5%,rgba(251,113,133,.12),transparent 28%),linear-gradient(180deg,#071321,#081a2c 45%,#0a1f33);color:var(--text-primary);line-height:1.6;overflow-x:hidden}html{scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{font-family:Sora,sans-serif;letter-spacing:-.025em}a{transition:color .18s ease,border-color .18s ease,opacity .18s ease}::selection{background:#22d3ee40;color:#fff}:focus-visible{outline:2px solid rgba(34,211,238,.8);outline-offset:2px}.text-neon-cyan{color:var(--neon-cyan)}.text-neon-pink{color:var(--neon-pink)}.border-neon-cyan{border-color:var(--neon-cyan)}.border-neon-purple{border-color:var(--neon-purple)}.border-neon-pink{border-color:var(--neon-pink)}.border-neon-green{border-color:var(--neon-green)}.border-neon-cyan-glow{border-color:var(--neon-cyan);box-shadow:0 0 5px var(--neon-cyan),inset 0 0 5px var(--neon-cyan)}.border-neon-purple-glow{border-color:var(--neon-purple);box-shadow:0 0 5px var(--neon-purple),inset 0 0 5px var(--neon-purple)}.border-neon-pink-glow{border-color:var(--neon-pink);box-shadow:0 0 5px var(--neon-pink),inset 0 0 5px var(--neon-pink)}.border-neon-green-glow{border-color:var(--neon-green);box-shadow:0 0 5px var(--neon-green),inset 0 0 5px var(--neon-green)}.bg-cyber-grid{background-image:linear-gradient(rgba(34,211,238,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.08) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.75) 35%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.75) 35%,transparent 100%)}.cyber-button{position:relative;isolation:isolate;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background-color .25s ease;border-radius:.85rem}.cyber-button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(120deg,transparent 15%,rgba(255,255,255,.28) 50%,transparent 85%);transform:translate(-120%);transition:transform .6s ease;pointer-events:none}.cyber-button:hover{transform:translateY(-2px)}.cyber-button:hover:after{transform:translate(120%)}.cyber-card{background:linear-gradient(160deg,#112134c7,#0c1828b3);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(162,191,225,.18);border-radius:1.1rem;box-shadow:0 16px 36px -28px #020c18f2;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.cyber-card:hover{border-color:#22d3ee66;box-shadow:0 30px 48px -34px #020c18f2;transform:translateY(-5px)}.cyber-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(189,218,255,.65),transparent);transform:translate(-100%);transition:transform .7s ease}.cyber-card:hover:before{transform:translate(100%)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.reveal.active{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.cyber-glitch-2077:before,.cyber-glitch-2077:after{animation:none;display:none}.animate-scanline,.animate-float,.animate-float-delayed,.animate-spin-slow,.animate-caret-blink{animation:none}.reveal,.reveal.active{opacity:1;transform:none}}.cyber-glitch-2077{position:relative;display:inline-block;font-weight:700;color:var(--neon-cyan);transition:text-shadow .3s ease}.cyber-glitch-2077:hover{text-shadow:0 0 18px rgba(34,211,238,.45)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#071321}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#223a59,#1a2f48);border-radius:999px;border:2px solid #071321}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#2e5176,#223a59)}.clip-angled{border-radius:1rem}