:root{--bg-light: #f8fafc;--bg-card: #ffffff;--bg-card-hover: #f1f5f9;--border-subtle: #e2e8f0;--border-brand: rgba(2, 132, 199, .3);--sky-primary: #0284c7;--indigo-primary: #4f46e5;--text-main: #0f172a;--text-muted: #475569}*{box-sizing:border-box}body{background-color:#f8fafc;color:#0f172a;font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;letter-spacing:-.01em;word-spacing:normal}.font-mono{font-family:Fira Code,monospace}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0284c7}.bg-grid-pattern{background-size:36px 36px;background-image:linear-gradient(to right,rgba(15,23,42,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(15,23,42,.04) 1px,transparent 1px)}.bg-radial-gradient{background:radial-gradient(circle at 50% 0%,rgba(56,189,248,.12) 0%,rgba(99,102,241,.06) 45%,transparent 70%)}.glass-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px -2px #0f172a0d}.glass-card-hover{transition:all .25s ease}.glass-card-hover:hover{background:#fff;border-color:#38bdf8;box-shadow:0 12px 30px -4px #0284c71f;transform:translateY(-2px)}.text-gradient-brand{background:linear-gradient(135deg,#0284c7,#4f46e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@keyframes fadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.animate-fadeIn{animation:fadeIn .2s ease-out forwards}