@import "https://fonts.googleapis.com/css2?family=Caveat:wght@600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap";
:root{--bg-page:#fff;--bg-page-mesh:radial-gradient(at 10% 8%, #2563eb0a 0px, transparent 48%), radial-gradient(at 90% 12%, #8b5cf609 0px, transparent 45%), radial-gradient(at 50% 35%, #f8fafcb3 0px, transparent 100%);--bg-surface:#fff;--bg-surface-elevated:#fff;--bg-subtle:#f8fafc;--bg-subtle-hover:#f1f5f9;--text-primary:#0a0f1d;--text-secondary:#526077;--text-muted:#8c9ba5;--text-inverse:#fff;--brand-blue:#2563eb;--brand-blue-hover:#1d4ed8;--brand-blue-light:#eff6ff;--brand-blue-border:#bfdbfe;--tint-youtube:#fff8f8;--border-youtube:#ef444424;--color-youtube:red;--tint-tiktok:#fafbfc;--border-tiktok:#0f172a1f;--color-tiktok:#000;--tint-facebook:#f6faff;--border-facebook:#2563eb24;--color-facebook:#1877f2;--tint-instagram:#fdf6fb;--border-instagram:#d946ef24;--color-instagram:#e1306c;--border-light:#e5e9f0;--border-card:#edf2f7;--border-focus:#2563eb;--shadow-sm:0 2px 6px #0f172a08;--shadow-md:0 8px 24px -4px #0f172a0d, 0 2px 6px -2px #0f172a05;--shadow-lg:0 20px 40px -10px #0f172a12, 0 4px 12px -2px #0f172a05;--shadow-downloader:0 20px 50px -12px #2563eb1f, 0 0 0 1px #2563eb24;--shadow-floating-tile:0 16px 36px -6px #0f172a1a, 0 4px 12px #0f172a0a;--radius-xs:8px;--radius-sm:12px;--radius-md:16px;--radius-lg:22px;--radius-xl:28px;--radius-full:9999px;--container-max-w:1220px;--container-pad:24px;--header-height:80px;--font-sans:-apple-system, BlinkMacSystemFont, "Plus Jakarta Sans", "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}[data-theme=dark]{--bg-page:#0b0f19;--bg-page-mesh:radial-gradient(at 10% 8%, #2563eb14 0px, transparent 48%), radial-gradient(at 90% 12%, #8b5cf612 0px, transparent 45%);--bg-surface:#141c2e;--bg-surface-elevated:#1a243a;--bg-subtle:#111827;--bg-subtle-hover:#1e293b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--border-light:#26334a;--border-card:#202b3f;--border-focus:#60a5fa;--tint-youtube:#ef444414;--tint-tiktok:#f8fafc0d;--tint-facebook:#2563eb14;--tint-instagram:#d946ef14;--shadow-sm:0 2px 6px #0003;--shadow-md:0 8px 24px -4px #00000059;--shadow-lg:0 20px 40px -10px #00000073;--shadow-downloader:0 20px 50px -12px #2563eb40, 0 0 0 1px #60a5fa4d;--shadow-floating-tile:0 16px 36px -6px #00000073}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);background-color:var(--bg-page);color:var(--text-primary);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;max-width:100vw;line-height:1.6;overflow-x:hidden}body{background-image:var(--bg-page-mesh);background-repeat:no-repeat;background-attachment:fixed;width:100%;max-width:100vw;min-height:100vh;position:relative;overflow-x:hidden}.app-container{width:100%;max-width:var(--container-max-w);padding-left:var(--container-pad);padding-right:var(--container-pad);box-sizing:border-box;margin-left:auto;margin-right:auto}.blue-accent{color:var(--brand-blue)}.btn-primary{background:var(--brand-blue);color:#fff;border-radius:var(--radius-full);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:13px 26px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 12px #2563eb47}.btn-primary:hover{background:var(--brand-blue-hover);transform:translateY(-1px);box-shadow:0 6px 16px #2563eb57}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:768px){:root{--container-pad:16px;--header-height:60px}}@media (max-width:420px){:root{--container-pad:14px}}section[id]{scroll-margin-top:90px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes floatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animate-fade-in-up{animation:.6s cubic-bezier(.16,1,.3,1) both fadeInUp}.reveal-on-scroll{opacity:0;will-change:opacity, transform;transition:opacity .75s cubic-bezier(.16,1,.3,1),transform .75s cubic-bezier(.16,1,.3,1);transform:translateY(24px)}.reveal-on-scroll.is-revealed{opacity:1;transform:translateY(0)}
