@font-face{font-family:IBM Plex Mono;src:url(/fonts/IBMPlexMono-Bold.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/IBMPlexMono-Medium.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-Medium.woff2) format("woff2");font-weight:500;font-display:swap}:root{--color-primary: #FF6B35;--color-secondary: #00F5D4;--color-dark: #1E293B;--color-darker: #0F172A;--color-text: #F8FAFC;--color-text-muted: #CBD5E1;--color-text-dim: #94A3B8;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444;--font-heading: "IBM Plex Mono", monospace;--font-body: "Inter", sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--spacing-3xl: 6rem;--border-radius: 12px;--border-radius-lg: 20px;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--shadow-glow: 0 0 20px rgba(0, 245, 212, .3);--shadow-primary: 0 0 30px rgba(255, 107, 53, .4)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:linear-gradient(135deg,var(--color-dark) 0%,var(--color-secondary) 100%);color:var(--color-text);line-height:1.6;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(0,245,212,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,107,53,.1) 0%,transparent 50%),repeating-linear-gradient(0deg,transparent,transparent 49px,rgba(0,245,212,.03) 50px),repeating-linear-gradient(90deg,transparent,transparent 49px,rgba(0,245,212,.03) 50px);z-index:-1;pointer-events:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;color:var(--color-text)}p{color:var(--color-text-muted);line-height:1.7}a{color:var(--color-secondary);text-decoration:none;transition:var(--transition)}a:hover{color:var(--color-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;border:none;border-radius:var(--border-radius);font-family:var(--font-heading);font-weight:500;font-size:.95rem;text-decoration:none;cursor:pointer;transition:var(--transition);position:relative;overflow:hidden;white-space:nowrap}.btn: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 .5s}.btn:hover:before{left:100%}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 4px 15px #ff6b354d}.btn-primary:hover{background:#e55a2b;box-shadow:var(--shadow-primary);transform:translateY(-2px);color:#fff}.btn-secondary{background:transparent;color:var(--color-secondary);border:2px solid var(--color-secondary)}.btn-secondary:hover{background:var(--color-secondary);color:var(--color-dark);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--color-text-muted);border:2px solid var(--color-text-dim)}.btn-ghost:hover{background:var(--color-text-dim);color:var(--color-dark);border-color:var(--color-text-dim)}.container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg)}.section{padding:var(--spacing-3xl) 0}.text-center{text-align:center}.grid{display:grid;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.terminal-animate{opacity:0;transform:translateY(30px);animation:terminal-fade-in .8s cubic-bezier(.4,0,.2,1) forwards}@keyframes terminal-fade-in{to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media (max-width: 480px){.container{padding:0 var(--spacing-md)}.btn{padding:12px 20px;font-size:.9rem}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-contrast: high){:root{--color-text: #FFFFFF;--color-text-muted: #E2E8F0}}
