@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&family=Fira+Code:wght@400;500;600&family=Syncopate:wght@400;700&display=swap";:root{--cyan-primary: #06b6d4;--cyan-light: #22d3ee;--blue-accent: #3b82f6;--blue-electric: #2563eb;--bg-dark: #020617;--slate-900: #0f172a}body{font-family:Inter,sans-serif;background-color:var(--bg-dark);color:#f1f5f9;overflow-x:hidden;scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#020617}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#334155;border-color:#06b6d4;border-width:1px}.font-brand{font-family:Syncopate,sans-serif;letter-spacing:.18em;text-transform:uppercase;font-weight:700}h1,h2,h3,h4,h5,h6,.font-heading{font-family:Outfit,sans-serif}.font-mono{font-family:Fira Code,monospace}.bg-grid-cyber{background-size:40px 40px;background-image:linear-gradient(to right,rgba(6,182,212,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(6,182,212,.05) 1px,transparent 1px)}.bg-dot-cyber{background-size:30px 30px;background-image:radial-gradient(circle,rgba(6,182,212,.1) 1px,transparent 1px)}.glass-panel{background:#0f172a66;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.05);box-shadow:0 8px 32px #0000005e}.glass-panel-glow{background:#0f172a80;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(6,182,212,.1);box-shadow:0 8px 32px #0006,0 0 40px #06b6d408}.glass-panel-glow:hover{border-color:#06b6d44d;box-shadow:0 12px 40px #00000080,0 0 50px #06b6d41a}.glass-nav{background:#020617b3!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.03)}.mesh-gradient-1{background:radial-gradient(circle at 10% 20%,rgba(6,182,212,.15) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(37,99,235,.12) 0%,transparent 45%)}.mesh-gradient-2{background:radial-gradient(circle at 80% 20%,rgba(37,99,235,.15) 0%,transparent 40%),radial-gradient(circle at 20% 80%,rgba(6,182,212,.12) 0%,transparent 45%)}@keyframes float-code{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:.5}90%{opacity:.5}to{transform:translateY(-100vh) rotate(15deg);opacity:0}}.animate-float-code{animation:float-code linear infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{0%,to{border-color:transparent}50%{border-color:var(--cyan-primary)}}.typing-text{display:inline-block;overflow:hidden;white-space:nowrap;border-right:2px solid var(--cyan-primary);animation:typing 3.5s steps(40,end),blink .75s step-end infinite}.reveal{opacity:0;transform:translateY(30px);filter:blur(5px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1),filter .8s cubic-bezier(.16,1,.3,1)}.reveal.active{opacity:1;transform:translateY(0);filter:blur(0px)}.glow-card-cyan{position:relative}.glow-card-cyan:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background:linear-gradient(135deg,rgba(6,182,212,.4),transparent,rgba(37,99,235,.4));border-radius:inherit;z-index:-1;opacity:0;transition:opacity .4s ease}.glow-card-cyan:hover:after{opacity:1}.noise-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.015;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");z-index:1}.btn-glow-cyan{position:relative;overflow:hidden;z-index:1}.btn-glow-cyan:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease;z-index:-1}.btn-glow-cyan:hover:before{left:100%}.divider-curve{position:absolute;left:0;width:100%;overflow:hidden;line-height:0}@media(max-width:768px){.typing-text{white-space:normal;border-right:none;animation:none}}
