@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--color-white:#fff;--color-black:#000;--color-blue50:#dbeeff;--color-brand-blue50:#eceefb;--color-brand-blue100:#edefff;--color-brand-blue500:#4d66ff;--color-blue400:#1a95ff;--color-blue800:#17334c;--color-purple400:#7b4dff;--color-purple10:#a8b0ec;--color-purple800:#24174c;--color-purple50:#e4dbff;--color-gray50:#f5f6f7;--color-gray75:#edeeef;--color-gray100:#dfe2e7;--color-gray400:#acb4c1;--color-gray700:#777;--color-red100:#f1bcbc;--color-red400:#cf1616;--color-dark300:#232323;--color-green400:#33b23f;--color-dark-mode300:#252525;--color-dark-primary:#e4e6e9;--color-dark-secondary-text:#a2a9b4;--color-end-gray:#afafaf;--color-tab-dark-color:#181818;--color-header-separator-lite:#edeeef;--color-border-black:#121212;--color-gray900:#3f444b;--color-primary:var(--color-brand-blue500);--color-accent:var(--color-purple400);--color-dark-primary-alias:var(--color-dark300);--color-text-secondary-alias:var(--color-gray700);--color-text-muted-alias:var(--color-dark-secondary-text);--color-border-color-alias:var(--color-gray100);--color-red-alias:var(--color-red400);--color-success-alias:var(--color-green400);--color-secondary-alias:var(--color-blue400);--color-whatsapp:#25d366;--color-brand-blue400:#637cff;--color-brand-blue600:#3550e6;--bg-primary:var(--color-white);--bg-secondary:var(--color-gray50);--bg-tertiary:var(--color-brand-blue50);--bg-card:var(--color-white);--bg-navbar:#ffffffd9;--border-color:var(--color-gray100);--text-primary:var(--color-dark300);--text-secondary:var(--color-gray700);--text-muted:var(--color-dark-secondary-text);--input-bg:var(--color-white);--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 12px 32px -8px #4d66ff1f;--shadow-lg:0 24px 48px -12px #4d66ff33;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--border-radius-sm:8px;--border-radius-md:16px;--border-radius-lg:24px}@media (prefers-color-scheme:dark){:root{--bg-primary:var(--color-border-black);--bg-secondary:var(--color-tab-dark-color);--bg-tertiary:var(--color-dark-mode300);--bg-card:var(--color-dark-mode300);--bg-navbar:#121212d9;--border-color:#2e303a;--text-primary:var(--color-dark-primary);--text-secondary:var(--color-dark-secondary-text);--text-muted:var(--color-gray400);--input-bg:var(--color-tab-dark-color);--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 12px 32px -8px #00000080;--shadow-lg:0 24px 48px -12px #000000b3}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-gray400);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--color-brand-blue500)}a{color:var(--color-primary);text-decoration:none;transition:all .2s ease-in-out}a:hover{color:var(--color-brand-blue600)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:-.02em;font-weight:700;line-height:1.25}p{color:var(--text-secondary);font-size:1.05rem}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{flex-grow:1}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.section-header{text-align:center;max-width:700px;margin:0 auto 64px}.section-header h2{background:linear-gradient(135deg, var(--text-primary) 0%, var(--color-primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:16px;font-size:2.5rem}@media (width<=768px){.section-header h2{font-size:2rem}}.section-header p{font-size:1.15rem}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-items:center;margin-bottom:16px;padding:6px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.badge-primary{background-color:var(--color-brand-blue50);color:var(--color-brand-blue500)}@media (prefers-color-scheme:dark){.badge-primary{background-color:#4d66ff26}}.badge-accent{background-color:var(--color-purple50);color:var(--color-purple400)}@media (prefers-color-scheme:dark){.badge-accent{background-color:#7b4dff26}}.btn{border-radius:var(--border-radius-md);cursor:pointer;box-shadow:var(--shadow-sm);border:none;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg, var(--color-brand-blue500) 0%, var(--color-brand-blue600) 100%);color:var(--color-white)}.btn-primary:hover{background:linear-gradient(135deg, var(--color-brand-blue600) 0%, var(--color-brand-blue500) 100%)}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--border-color)}.btn-accent{background:linear-gradient(135deg, var(--color-purple400) 0%, var(--color-purple800) 100%);color:var(--color-white)}.btn-whatsapp{background-color:var(--color-whatsapp);color:var(--color-white)}.btn-whatsapp:hover{background-color:#20ba5a}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);padding:32px;transition:all .3s cubic-bezier(.16,1,.3,1)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--color-brand-blue100);transform:translateY(-6px)}@media (prefers-color-scheme:dark){.card:hover{border-color:#4d66ff4d}}.glass{background:var(--bg-navbar);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeIn}.grid{gap:24px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}@media (width<=992px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid-2,.grid-3{grid-template-columns:1fr}}