@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700&family=Fira+Code:wght@400;500&display=swap");:root{--bg-dark:#0a0a0b;--bg-card:rgba(20,20,22,0.7);--accent-cyan:#00f2ff;--accent-green:#39ff14;--text-primary:#f8fafc;--text-secondary:#94a3b8;--border-color:rgba(255,255,255,0.08);--glass-effect:blur(12px)}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;background-color:var(--bg-dark);color:var(--text-primary);font-family:Outfit,sans-serif;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 2px 2px,rgba(255,255,255,.03) 1px,transparent 0);background-size:32px 32px;z-index:-1;pointer-events:none}h1,h2,h3{font-family:Outfit,sans-serif;font-weight:600;letter-spacing:-.02em}.terminal-text,code{font-family:Fira Code,monospace}.glass{background:var(--bg-card);backdrop-filter:var(--glass-effect);-webkit-backdrop-filter:var(--glass-effect);border:1px solid var(--border-color);border-radius:16px;transition:all .3s ease}.glass:hover{border-color:rgba(0,242,255,.3);box-shadow:0 8px 32px 0 rgba(0,0,0,.4)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:fadeIn .6s ease-out forwards}