@import "https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300;400;500;600;700;800&family=Outfit:wght@400;600;800;900&display=swap";
:root{--hue-primary:220;--primary:hsl(var(--hue-primary), 80%, 50%);--primary-light:hsl(var(--hue-primary), 80%, 65%);--primary-dark:hsl(var(--hue-primary), 80%, 35%);--primary-shadow:hsla(var(--hue-primary), 80%, 50%, .3);--hue-accent:280;--accent:hsl(var(--hue-accent), 75%, 55%);--accent-shadow:hsla(var(--hue-accent), 75%, 55%, .3);--success:#28bd66;--success-bg:#eafbf1;--warning:#f2a60d;--warning-bg:#fef6e7;--danger:#e23636;--danger-bg:#fdf2f2;--bg-main:#f9fafb;--bg-card:#fff;--font-title:"Great Vibes", cursive;--font-heading:"Outfit", sans-serif;--font-body:"Noto Serif", serif;--tpl-bg-main:#111;--tpl-bg-card:#ffffff08;--tpl-text-main:#fff;--tpl-text-muted:#aaa;--tpl-primary:#2563eb;--text-main:#1b2232;--text-muted:#626d84;--border-light:#e2e4e9;--border-strong:#c4c9d4;--glass-bg:#ffffffb3;--glass-border:#ffffff80;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 10px 20px -5px #00000014;--shadow-lg:0 20px 40px -10px #0000001f;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px}@media (prefers-color-scheme:dark){:root{--bg-main:#0e121b;--bg-card:#171c26;--text-main:#f9fafb;--text-muted:#98a1b3;--border-light:#252b37;--border-strong:#394356;--glass-bg:#171c26b3;--glass-border:#ffffff0d}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;min-height:100vh;font-family:Noto Sans,sans-serif;line-height:1.6;display:flex}h1,h2,h3,h4,h5,h6{color:var(--text-main);margin-bottom:1rem;font-family:Outfit,sans-serif;font-weight:800;line-height:1.2}a{color:var(--primary);text-decoration:none;transition:color .3s}a:hover{color:var(--primary-dark)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.btn{border-radius:var(--radius-full);cursor:pointer;border:none;outline:none;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.25,1,.5,1);display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;box-shadow:0 4px 15px var(--primary-shadow)}.btn-primary:hover{box-shadow:0 8px 25px var(--primary-shadow);transform:translateY(-2px)}.btn-primary:active{transform:translateY(1px)}.btn-outline{border:2px solid var(--border-strong);color:var(--text-main);background:0 0}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.animate-fade-in{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeIn}.animate-slide-up{opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUp;transform:translateY(20px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.flex-center{justify-content:center;align-items:center;display:flex}.grid-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}section[id]{scroll-margin-top:80px}