@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary: #6366f1;--primary-hover: #4f46e5;--secondary: #ec4899;--accent: #8b5cf6;--background: #ffffff;--foreground: #0f172a;--glass: rgba(255, 255, 255, .7);--glass-border: rgba(15, 23, 42, .08);--glass-hover: rgba(255, 255, 255, .9);--surface: #ffffff;--muted: #64748b;--radius-lg: 1rem;--radius-md: .75rem;--radius-sm: .5rem;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;padding:0;margin:0}body{background:var(--background);color:var(--foreground);font-family:Inter,sans-serif;min-height:100vh;overflow-x:hidden;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;font-weight:700;letter-spacing:-.02em}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 0% 0%,rgba(99,102,241,.08) 0%,transparent 50%),radial-gradient(circle at 100% 100%,rgba(236,72,153,.05) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(139,92,246,.03) 0%,transparent 50%);z-index:-1;pointer-events:none}.glass{background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:var(--transition)}.glass:hover{background:var(--glass-hover);border-color:#0f172a26;transform:translateY(-2px);box-shadow:0 4px 20px #0f172a0f}.gradient-text{background:linear-gradient(135deg,var(--foreground) 0%,var(--primary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:#fff;padding:.75rem 1.5rem;border-radius:var(--radius-md);border:none;font-weight:600;cursor:pointer;transition:var(--transition);text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 4px 15px #6366f14d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166;filter:brightness(1.1)}.card{padding:2rem;display:flex;flex-direction:column;gap:1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .6s ease-out forwards}.grid{display:grid;gap:2rem}@media(min-width:768px){.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}main{max-width:1200px;margin:0 auto;padding:4rem 2rem}