@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap";:root{--primary:#06f;--primary-glow:#0066ff26;--primary-light:#257bff;--primary-dark:#004cbd;--wa-green:#12b76a;--wa-green-light:#12b76a1a;--wa-green-glow:#12b76a40;--gold-points:#f59e0b;--gold-points-light:#f59e0b1f;--ai-indigo:#6366f1;--ai-indigo-light:#6366f11a;--pomodoro-red:#ef4444;--pomodoro-red-light:#ef44441a;--bg-color:#f8fafc;--surface-card:#fff;--surface-card-hover:#f1f5f9;--surface-muted:#f1f5f9;--border-color:#e2e8f0;--border-hover:#cbd5e1;--border-primary:#0066ff4d;--shadow-sm:0 2px 4px #0f172a08;--shadow-md:0 10px 25px -5px #0f172a0d, 0 4px 10px -2px #0f172a05;--shadow-lg:0 20px 40px -10px #0f172a14, 0 8px 16px -4px #0f172a08;--shadow-primary:0 12px 30px #0066ff40;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--max-width:1200px;--header-height:76px;--radius-sm:10px;--radius-md:18px;--radius-lg:28px;--radius-full:9999px;--font-heading:"Outfit", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-body);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.6}body,html{background-color:var(--bg-color)}body{background-image:radial-gradient(circle at 10% 10%,#0066ff08 0,#0000 40%),radial-gradient(circle at 90%,#12b76a08 0,#0000 45%),radial-gradient(circle at 50% 90%,#6366f108 0,#0000 50%);background-attachment:fixed;position:relative;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.02em;font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none;transition:all .2s}ul{list-style:none}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 24px}.text-gradient{background:linear-gradient(135deg,#0f172a 0,var(--primary) 60%,#09f 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block}.badge,.text-blue{color:var(--primary)}.badge{border-radius:var(--radius-full);box-shadow:var(--shadow-sm);background:#eff6ff;border:1px solid #bfdbfe;align-items:center;gap:8px;margin-bottom:20px;padding:6px 16px;font-size:.875rem;font-weight:600;display:inline-flex}.badge-dot{background-color:var(--primary);width:8px;height:8px;box-shadow:0 0 6px var(--primary);border-radius:50%;animation:2s infinite pulse-dot}.glass-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:all .3s cubic-bezier(.16,1,.3,1)}.glass-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.btn{font-family:var(--font-heading);border-radius:var(--radius-full);cursor:pointer;border:none;outline:none;justify-content:center;align-items:center;gap:10px;padding:12px 28px;font-size:1rem;font-weight:600;transition:all .25s;display:inline-flex}.btn-primary{background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);color:#fff;box-shadow:var(--shadow-primary)}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-dark) 0,var(--primary) 100%);transform:translateY(-2px);box-shadow:0 16px 36px #0066ff59}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);background:#fff}.btn-secondary:hover{background:var(--surface-muted);border-color:var(--border-hover);color:var(--primary)}.btn-wa{color:#fff;box-shadow:0 10px 25px var(--wa-green-glow);background:linear-gradient(135deg,#12b76a,#25d366)}.btn-wa:hover{transform:translateY(-2px);box-shadow:0 16px 32px #12b76a66}.btn-sm{padding:9px 22px;font-size:.875rem}.btn-lg{padding:16px 36px;font-size:1.1rem}.section{padding:90px 0;position:relative}.section-header{text-align:center;max-width:760px;margin:0 auto 56px}.section-header h2{color:var(--text-primary);margin-bottom:16px;font-size:2.75rem}.section-header p{color:var(--text-secondary);font-size:1.15rem}@keyframes pulse-dot{0%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@media (width<=992px){.section-header h2{font-size:2.2rem}.section{padding:70px 0}}@media (width<=768px){.section-header h2{font-size:1.85rem}.section-header p{font-size:1rem}.container{padding:0 20px}}
