:root{--font-main: "Outfit", system-ui, -apple-system, sans-serif;--color-bg: #0f172a;--color-surface: rgba(30, 41, 59, .7);--color-surface-hover: rgba(51, 65, 85, .8);--color-accent: #38bdf8;--color-accent-glow: rgba(56, 189, 248, .3);--color-text-primary: #f8fafc;--color-text-secondary: #94a3b8;--color-border: rgba(255, 255, 255, .08);--spacing-container: 1200px;--radius-card: 24px;--shadow-card: 0 4px 30px rgba(0, 0, 0, .1);--shadow-glow: 0 0 20px var(--color-accent-glow), 0 0 40px rgba(56, 189, 248, .1);--backdrop-blur: blur(12px);--transition-fast: .2s ease;--transition-medium: .4s cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--color-bg);background-image:radial-gradient(circle at 15% 50%,rgba(56,189,248,.08),transparent 25%),radial-gradient(circle at 85% 30%,rgba(99,102,241,.08),transparent 25%);background-attachment:fixed;color:var(--color-text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}.container{max-width:var(--spacing-container);margin:0 auto;padding:0 1.5rem}.text-accent{color:var(--color-accent)}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:1rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}@media(min-width:640px){.grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.grid-cols-4{grid-template-columns:repeat(4,1fr)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translate(-50%,150%);opacity:0}to{transform:translate(-50%);opacity:1}}.animate-fade-in{animation:fadeIn .6s cubic-bezier(.2,.8,.2,1) forwards}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.75rem;border-radius:9999px;background-color:var(--color-accent);color:#0f172a;font-weight:700;border:none;cursor:pointer;transition:var(--transition-fast);letter-spacing:.5px;text-transform:uppercase;font-size:.9rem}.btn:hover{transform:translateY(-2px);box-shadow:0 0 20px #38bdf899}.card{background-color:var(--color-surface);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border-radius:var(--radius-card);padding:1.5rem;border:1px solid var(--color-border);transition:var(--transition-medium);box-shadow:var(--shadow-card)}.card:hover{transform:translateY(-6px) scale(1.01);border-color:#fff3;background-color:var(--color-surface-hover);box-shadow:var(--shadow-glow)}