@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900&display=swap";:root{--color-white: #ffffff;--color-bg: #f8fafc;--color-bg-alt: #f1f5f9;--color-border: #e2e8f0;--color-dark: #0f172a;--color-navy: #1e293b;--color-gray: #64748b;--color-gray-light: #94a3b8;--color-accent: #3b82f6;--color-accent-hover: #2563eb;--color-indigo: #6366f1;--color-purple: #8b5cf6;--gradient-brand: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--gradient-brand-soft: linear-gradient(135deg, rgba(59,130,246,.1) 0%, rgba(139,92,246,.1) 100%);--gradient-dark: linear-gradient(135deg, #0f172a 0%, #1e3a8a 100%);--font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "Courier New", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--max-width: 1100px;--radius: 8px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 12px 32px rgba(0,0,0,.1), 0 4px 8px rgba(0,0,0,.06);--shadow-xl: 0 24px 48px rgba(0,0,0,.14), 0 8px 16px rgba(0,0,0,.08);--shadow-glow: 0 0 0 4px color-mix(in srgb, var(--color-accent) 15%, transparent);--transition: .2s ease;--transition-slow: .35s ease;--navbar-height: 68px}[data-theme=dark]{--color-bg: #1c1e26;--color-bg-alt: #252836;--color-white: #252836;--color-border: #353849;--color-dark: #eaedf3;--color-navy: #d4d8e8;--color-gray: #8b91a8;--color-gray-light: #5c6280;--shadow-sm: 0 1px 4px rgba(0,0,0,.25);--shadow-md: 0 4px 16px rgba(0,0,0,.3);--shadow-lg: 0 12px 32px rgba(0,0,0,.35);--shadow-xl: 0 24px 48px rgba(0,0,0,.4)}[data-theme=dark] body{background:var(--color-bg);color:var(--color-dark)}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{background:#1c1e26;color:var(--color-dark);border-color:var(--color-border)}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--color-gray-light)}[data-theme=dark] input:focus,[data-theme=dark] textarea:focus,[data-theme=dark] select:focus{border-color:var(--color-accent);background:#1f2130}[data-theme=dark] .card,[data-theme=dark] [class*=__card],[data-theme=dark] [class*=__stat-card],[data-theme=dark] [class*=__module],[data-theme=dark] [class*=__row],[data-theme=dark] [class*=__section],[data-theme=dark] [class*=__badge],[data-theme=dark] [class*=__chip],[data-theme=dark] [class*=__panel],[data-theme=dark] [class*=__box],[data-theme=dark] [class*=__block],[data-theme=dark] [class*=__goal-card],[data-theme=dark] [class*=__form],[data-theme=dark] [class*=config__card],[data-theme=dark] [class*=game-card],[data-theme=dark] [class*=game-play],[data-theme=dark] [class*=game-result],[data-theme=dark] [class*=memory-card],[data-theme=dark] [class*=-task]{background:var(--color-bg-alt);border-color:var(--color-border)}[data-theme=dark] [class*=__dropdown],[data-theme=dark] [class*=__menu],[data-theme=dark] [class*=__tooltip],[data-theme=dark] [class*=__modal]{background:#2e3145;border-color:#404460;color:var(--color-dark)}[data-theme=dark] .dash__sidebar{background:#171922;border-right:1px solid var(--color-border)}[data-theme=dark] .btn--ghost{color:var(--color-gray);border-color:var(--color-border)}[data-theme=dark] .btn--ghost:hover{background:#2e3145;color:var(--color-dark);border-color:#404460}[data-theme=dark] pre,[data-theme=dark] code{background:#13141c;color:#c9d1e8;border-color:var(--color-border)}[data-theme=dark] ::-webkit-scrollbar-track{background:#1c1e26}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#353849;border-radius:4px}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#4a4f6a}[data-color=green]{--color-accent: #10b981;--color-accent-hover: #059669;--color-indigo: #10b981;--color-purple: #14b8a6;--gradient-brand: linear-gradient(135deg, #10b981 0%, #14b8a6 100%);--gradient-brand-soft: linear-gradient(135deg, rgba(16,185,129,.1) 0%, rgba(20,184,166,.1) 100%);--shadow-glow: 0 0 0 4px rgba(16,185,129,.15)}[data-color=purple]{--color-accent: #8b5cf6;--color-accent-hover: #7c3aed;--color-indigo: #8b5cf6;--color-purple: #ec4899;--gradient-brand: linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%);--gradient-brand-soft: linear-gradient(135deg, rgba(139,92,246,.1) 0%, rgba(236,72,153,.1) 100%);--shadow-glow: 0 0 0 4px rgba(139,92,246,.15)}[data-color=orange]{--color-accent: #f97316;--color-accent-hover: #ea580c;--color-indigo: #f97316;--color-purple: #fbbf24;--gradient-brand: linear-gradient(135deg, #f97316 0%, #fbbf24 100%);--gradient-brand-soft: linear-gradient(135deg, rgba(249,115,22,.1) 0%, rgba(251,191,36,.1) 100%);--shadow-glow: 0 0 0 4px rgba(249,115,22,.15)}[data-color=pink]{--color-accent: #ec4899;--color-accent-hover: #db2777;--color-indigo: #ec4899;--color-purple: #f43f5e;--gradient-brand: linear-gradient(135deg, #ec4899 0%, #f43f5e 100%);--gradient-brand-soft: linear-gradient(135deg, rgba(236,72,153,.1) 0%, rgba(244,63,94,.1) 100%);--shadow-glow: 0 0 0 4px rgba(236,72,153,.15)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--navbar-height)}body{font-family:var(--font-family);font-size:var(--text-base);color:var(--color-dark);background-color:var(--color-white);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;display:block}ul{list-style:none}a{color:inherit;text-decoration:none}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}.section{padding:var(--space-24) 0}.section--alt{background-color:var(--color-bg)}.section__eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);background:var(--gradient-brand-soft);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);margin-bottom:var(--space-4)}.section__title{font-size:var(--text-4xl);font-weight:800;line-height:1.15;color:var(--color-dark);margin-bottom:var(--space-4);letter-spacing:-.02em}.section__description{font-size:var(--text-lg);color:var(--color-gray);max-width:580px;line-height:1.75}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:.75rem 1.75rem;border-radius:var(--radius);font-family:var(--font-family);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:box-shadow var(--transition),opacity var(--transition);border:none;position:relative;white-space:nowrap}.btn:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:calc(var(--radius) + 6px)}.btn--primary{background:var(--gradient-brand);color:var(--color-white);box-shadow:0 4px 14px color-mix(in srgb,var(--color-accent) 35%,transparent)}.btn--primary:hover{opacity:.92;box-shadow:0 8px 24px color-mix(in srgb,var(--color-accent) 45%,transparent)}.btn--ghost{background-color:transparent;color:var(--color-dark);border:1.5px solid var(--color-border)}.btn--ghost:hover{border-color:var(--color-gray-light);background-color:var(--color-bg-alt)}.btn--white{background-color:var(--color-white);color:var(--color-dark);font-weight:700}.btn--white:hover{box-shadow:var(--shadow-md);opacity:.92}.btn--secondary{background-color:transparent;color:var(--color-gray, #64748b);border:1.5px solid var(--color-border, #e2e8f0)}.btn--secondary:hover{border-color:var(--color-gray-light, #94a3b8);color:var(--color-dark, #0f172a);background-color:var(--color-bg-alt)}.gradient-text{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:768px){.section__title{font-size:var(--text-3xl)}.section__description{font-size:var(--text-base)}}@media(max-width:480px){.section__title{font-size:var(--text-2xl)}:root{--space-24: 4rem}}.dash{display:grid;grid-template-columns:240px 1fr;min-height:100vh;background:var(--color-bg)}.dash__sidebar{display:flex;flex-direction:column;padding:var(--space-6) var(--space-5);background:var(--color-dark);position:sticky;top:0;height:100vh;overflow-y:auto}.dash__logo{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);font-weight:700;color:var(--color-white);margin-bottom:var(--space-10);text-decoration:none}.dash__logo-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--gradient-brand);color:#fff;border-radius:var(--radius);font-size:var(--text-xs);font-weight:800;font-family:var(--font-mono)}.dash__nav{flex:1}.dash__nav-label{font-size:var(--text-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#334155;margin-bottom:var(--space-3)}.dash__nav ul{display:flex;flex-direction:column;gap:var(--space-1)}.dash__nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius);font-size:var(--text-sm);font-weight:500;color:#64748b;cursor:pointer;transition:background-color var(--transition),color var(--transition)}.dash__nav-item:hover{background:#ffffff0d;color:#e2e8f0}.dash__nav-item--active{background:color-mix(in srgb,var(--color-accent) 15%,transparent);color:color-mix(in srgb,var(--color-accent) 90%,white)}.dash__theme-toggle{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);border-radius:var(--radius);font-family:var(--font-family);font-size:var(--text-sm);font-weight:500;color:#475569;background:none;border:none;cursor:pointer;transition:background-color var(--transition),color var(--transition);text-align:left;margin-bottom:var(--space-1)}.dash__theme-toggle:hover{background:#ffffff0f;color:#e2e8f0}.dash__logout{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);border-radius:var(--radius);font-family:var(--font-family);font-size:var(--text-sm);font-weight:500;color:#475569;background:none;border:none;cursor:pointer;transition:background-color var(--transition),color var(--transition);text-align:left}.dash__logout:hover{background:#ef444414;color:#f87171}.dash__main{padding:var(--space-8) var(--space-10);display:flex;flex-direction:column;gap:var(--space-10);max-width:1000px}.dash__header{display:flex;align-items:center;justify-content:space-between}.dash__welcome{font-size:var(--text-2xl);font-weight:800;color:var(--color-dark);letter-spacing:-.02em}.dash__welcome-sub{font-size:var(--text-sm);color:var(--color-gray);margin-top:2px}.dash__avatar{width:42px;height:42px;border-radius:50%;background:var(--gradient-brand);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-base);flex-shrink:0}.dash__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.dash__stat-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);box-shadow:var(--shadow-sm)}.dash__stat-label{font-size:var(--text-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-gray-light);margin-bottom:var(--space-2)}.dash__stat-value{font-size:var(--text-4xl);font-weight:900;color:var(--color-dark);letter-spacing:-.03em;line-height:1;margin-bottom:var(--space-3)}.dash__stat-value span{font-size:var(--text-xl);color:var(--color-gray-light);font-weight:500}.dash__progress-bar{height:6px;background:var(--color-bg-alt);border-radius:var(--radius-full);overflow:hidden}.dash__progress-fill{height:100%;background:var(--gradient-brand);border-radius:var(--radius-full);transition:width .6s ease}.dash__section-title{font-size:var(--text-lg);font-weight:700;color:var(--color-dark);margin-bottom:var(--space-4)}.dash__next-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.dash__next-badge{width:44px;height:44px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:800;color:#fff;font-family:var(--font-mono);flex-shrink:0}.dash__next-info{flex:1}.dash__next-title{font-size:var(--text-base);font-weight:700;color:var(--color-dark)}.dash__next-sub{font-size:var(--text-sm);color:var(--color-gray);margin-top:2px}.dash__next-btn{font-size:var(--text-sm);padding:.5rem 1.25rem;flex-shrink:0}.dash__modules{display:flex;flex-direction:column;gap:var(--space-4)}.dash__stage-group{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-white)}.dash__stage-label{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:color-mix(in srgb,var(--stage-color, var(--color-accent)) 8%,var(--color-bg-alt));border-bottom:1px solid color-mix(in srgb,var(--stage-color, var(--color-accent)) 15%,transparent);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--stage-color, var(--color-accent))}.dash__stage-label-dot{width:6px;height:6px;border-radius:50%;background:var(--stage-color, var(--color-accent));flex-shrink:0}.dash__module-row{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);transition:background-color .15s;cursor:pointer}.dash__module-row:last-child{border-bottom:none}.dash__module-row--locked{cursor:default;opacity:.45}.dash__module-row:not(.dash__module-row--locked):hover{background:var(--color-bg)}.dash__module-row-num{font-size:11px;font-weight:800;font-family:var(--font-mono);color:var(--mod-color, var(--color-accent));letter-spacing:.05em;width:24px;flex-shrink:0}.dash__module-row-info{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.dash__module-row-header{display:flex;align-items:center;gap:var(--space-2);min-width:0}.dash__module-row-title{font-size:var(--text-sm);font-weight:600;color:var(--color-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash__module-row-stage{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--mod-color, var(--color-accent));background:color-mix(in srgb,var(--mod-color, var(--color-accent)) 12%,transparent);padding:2px 7px;border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0}.dash__module-row-bar{height:3px;background:var(--color-bg-alt);border-radius:var(--radius-full);overflow:hidden}.dash__module-row-fill{height:100%;background:var(--mod-color, var(--color-accent));border-radius:var(--radius-full);transition:width .4s ease}.dash__module-row-right{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.dash__module-row-count{font-size:12px;font-weight:600;color:var(--color-gray-light);font-family:var(--font-mono)}.dash__module-row-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%}.dash__module-row-icon--done{background:#22c55e1a;color:#22c55e}.dash__module-row-icon--locked{color:#94a3b8}.dash__module-row-icon--arrow{color:#94a3b8;transition:color .15s,transform .15s}.dash__module-row:hover .dash__module-row-icon--arrow{color:var(--mod-color, var(--color-accent));transform:translate(2px)}.dash__streak-pill{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#f59e0b26,#ef444426);border:1px solid rgba(245,158,11,.3);color:#d97706;font-size:var(--text-xs);font-weight:700;padding:5px 12px;border-radius:var(--radius-full)}.dash__badges-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.dash__badges-link{font-size:var(--text-sm);color:var(--color-accent);font-weight:600;text-decoration:none}.dash__badges-link:hover{text-decoration:underline}.dash__badges-row{display:flex;gap:var(--space-2);flex-wrap:wrap}.dash__badge-chip{display:flex;align-items:center;gap:6px;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:5px 12px;font-size:var(--text-xs);font-weight:600;color:var(--color-dark);text-decoration:none;cursor:default}.dash__badge-chip--more{cursor:pointer;color:var(--color-accent);border-color:color-mix(in srgb,var(--color-accent) 30%,transparent)}.dash__badge-chip-name{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash__weekly-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.dash__weekly-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);box-shadow:var(--shadow-sm)}.dash__weekly-info{display:flex;align-items:center;gap:var(--space-4)}.dash__weekly-icon{font-size:24px;flex-shrink:0}.dash__weekly-label{font-size:var(--text-sm);font-weight:700;color:var(--color-dark)}.dash__weekly-sub{font-size:var(--text-xs);color:var(--color-gray);margin-top:2px}.dash__weekly-pct{margin-left:auto;font-size:var(--text-xl);font-weight:900;color:var(--color-accent);flex-shrink:0}.dash__weekly-bar{height:6px;background:var(--color-bg-alt);border-radius:var(--radius-full);overflow:hidden}.dash__weekly-fill{height:100%;background:var(--gradient-brand);border-radius:var(--radius-full);transition:width .6s ease}.dash__review-sub{font-size:var(--text-sm);color:var(--color-gray);margin-bottom:var(--space-3);margin-top:-8px}.dash__review-list{display:flex;flex-direction:column;gap:var(--space-2)}.dash__review-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--color-white);border:1px solid var(--color-border);border-left:3px solid #f59e0b;border-radius:var(--radius);cursor:pointer;transition:background var(--transition);color:var(--color-gray)}.dash__review-card:hover{background:var(--color-bg-alt)}.dash__review-icon{font-size:18px;flex-shrink:0}.dash__review-info{flex:1}.dash__review-task{font-size:var(--text-sm);font-weight:600;color:var(--color-dark)}.dash__review-module{font-size:var(--text-xs);color:var(--color-gray);margin-top:1px}.whatsapp-fab{position:fixed;bottom:24px;right:24px;width:52px;height:52px;background:#25d366;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #25d36673;z-index:1000;transition:transform .15s,box-shadow .15s;text-decoration:none}.whatsapp-fab:hover{transform:scale(1.08);box-shadow:0 6px 20px #25d3668c}@media(max-width:860px){.dash{grid-template-columns:1fr}.dash__sidebar{position:static;height:auto;flex-direction:row;align-items:center;padding:var(--space-4) var(--space-6);gap:var(--space-6)}.dash__logo{margin-bottom:0}.dash__nav{display:none}.dash__main{padding:var(--space-6) var(--space-5);gap:var(--space-8)}.dash__stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.dash__main{padding:var(--space-4) var(--space-4);gap:var(--space-6)}.dash__stats{grid-template-columns:1fr}.dash__next-card{flex-wrap:wrap;padding:var(--space-4);gap:var(--space-3)}.dash__next-btn{width:100%;text-align:center}.dash__module-row{padding:var(--space-3) var(--space-3);gap:var(--space-3)}.dash__welcome{font-size:var(--text-xl)}}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--navbar-height);background-color:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:background-color var(--transition),border-color var(--transition),box-shadow var(--transition)}.navbar--scrolled{background-color:#ffffffeb;border-bottom-color:var(--color-border);box-shadow:var(--shadow-sm)}.navbar__inner{display:flex;align-items:center;height:100%;gap:var(--space-8)}.navbar__logo{display:flex;align-items:center;gap:var(--space-2);font-weight:700;font-size:var(--text-lg);color:var(--color-dark);white-space:nowrap;flex-shrink:0}.navbar__logo-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:var(--gradient-brand);color:#fff;border-radius:var(--radius);font-size:var(--text-sm);font-weight:800;font-family:var(--font-mono)}.navbar__logo-text{font-size:var(--text-base)}.navbar__links{display:flex;align-items:center;gap:var(--space-8);margin-left:auto}.navbar__links a{font-size:var(--text-sm);font-weight:500;color:var(--color-gray);transition:color var(--transition);position:relative}.navbar__links a:after{content:"";position:absolute;bottom:-3px;left:0;right:0;height:2px;background:var(--gradient-brand);border-radius:var(--radius-full);transform:scaleX(0);transition:transform var(--transition)}.navbar__links a:hover{color:var(--color-dark)}.navbar__links a:hover:after{transform:scaleX(1)}.navbar__actions{display:flex;align-items:center;gap:var(--space-4);flex-shrink:0}.navbar__login-link{font-size:var(--text-sm);font-weight:600;color:var(--color-gray);transition:color var(--transition)}.navbar__login-link:hover{color:var(--color-dark)}.navbar__cta{padding:.5rem 1.25rem;font-size:var(--text-sm)}.navbar__burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;background:none;border:none;cursor:pointer;margin-left:auto}.navbar__burger span{display:block;height:2px;background:var(--color-dark);border-radius:2px;transition:transform var(--transition),opacity var(--transition)}.navbar__burger--open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.navbar__burger--open span:nth-child(2){opacity:0}.navbar__burger--open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.navbar__links-mobile-cta{display:none}@media(max-width:768px){.navbar__burger{display:flex}.navbar__links{display:none;position:absolute;top:var(--navbar-height);left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;padding:var(--space-4) var(--space-6);gap:0;border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-md);max-height:calc(100vh - var(--navbar-height));overflow-y:auto;-webkit-overflow-scrolling:touch}.navbar__links--open{display:flex}.navbar__links li{border-bottom:1px solid var(--color-bg-alt)}.navbar__links a{display:block;padding:var(--space-3) 0;font-size:var(--text-base)}.navbar__actions{display:none}.navbar__links-mobile-cta{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4) 0 var(--space-2);border-bottom:none!important}.navbar__mobile-login{display:block;padding:var(--space-3) var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius);text-align:center;font-size:var(--text-sm);font-weight:600;color:var(--color-gray);text-decoration:none}.navbar__mobile-login:hover{color:var(--color-dark);border-color:var(--color-gray-light)}.navbar__mobile-signup{display:block;text-align:center;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);text-decoration:none}}.hero{position:relative;padding-top:calc(var(--navbar-height) + var(--space-20));padding-bottom:var(--space-24);overflow:hidden;background-color:var(--color-white)}.hero__bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,#cbd5e1 1px,transparent 1px);background-size:28px 28px;opacity:.5;pointer-events:none}.hero__bg-glow{position:absolute;top:-120px;right:-120px;width:700px;height:700px;background:radial-gradient(circle,rgba(99,102,241,.12) 0%,transparent 65%);pointer-events:none;border-radius:50%}.hero__container{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:var(--space-16)}.hero__content{display:flex;flex-direction:column;align-items:flex-start}.hero__badge{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:500;color:var(--color-gray);background-color:var(--color-bg-alt);border:1px solid var(--color-border);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);margin-bottom:var(--space-6)}.hero__badge-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;flex-shrink:0;box-shadow:0 0 6px #22c55e99}.hero__title{font-size:var(--text-7xl);font-weight:900;line-height:1.05;color:var(--color-dark);margin-bottom:var(--space-6);letter-spacing:-.03em}.hero__subtitle{font-size:var(--text-xl);color:var(--color-gray);line-height:1.7;margin-bottom:var(--space-8);max-width:460px}.hero__actions{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-10)}.hero__btn-main{font-size:var(--text-base);padding:.875rem 2rem}.hero__trust{display:flex;align-items:center;gap:var(--space-3)}.hero__stars{display:flex;gap:2px}.hero__trust-text{font-size:var(--text-sm);color:var(--color-gray)}.hero__trust-text strong{color:var(--color-dark)}.hero__visual{position:relative}.hero__browser{background:var(--color-navy);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xl),0 0 0 1px #ffffff12}.hero__browser-bar{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.07)}.hero__browser-dots{display:flex;gap:6px}.dot{width:11px;height:11px;border-radius:50%}.dot--red{background:#ef4444}.dot--yellow{background:#f59e0b}.dot--green{background:#22c55e}.hero__browser-url{flex:1;font-family:var(--font-mono);font-size:var(--text-xs);color:#64748b;background:#00000040;padding:4px 10px;border-radius:4px}.hero__browser-body{padding:var(--space-5) var(--space-4);display:flex;flex-direction:column;gap:2px}.code-line{display:flex;align-items:baseline;gap:0;font-family:var(--font-mono);font-size:13px;line-height:1.9}.c-num{width:32px;text-align:right;padding-right:var(--space-4);color:#334155;-webkit-user-select:none;user-select:none;flex-shrink:0}.c-indent{display:inline-block;width:20px}.c-tag{color:#60a5fa}.c-attr{color:#a78bfa}.c-str{color:#34d399}.c-text{color:#e2e8f0}.code-line--cursor{margin-top:2px}.code-cursor{display:inline-block;width:2px;height:16px;background:var(--color-accent);vertical-align:middle;animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero__float{position:absolute;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;color:var(--color-dark);box-shadow:var(--shadow-md);white-space:nowrap}.hero__float--1{bottom:-16px;left:-28px;animation:float 3.5s ease-in-out infinite}.hero__float--2{top:-20px;right:-20px;animation:float 3s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media(max-width:900px){.hero__container{grid-template-columns:1fr;gap:var(--space-12)}.hero__title{font-size:var(--text-5xl)}.hero__visual{max-width:520px;margin:0 auto;width:100%}.hero__float--1{left:0}.hero__float--2{right:0}}@media(max-width:480px){.hero__title{font-size:var(--text-4xl)}.hero__subtitle{font-size:var(--text-lg)}}