:root{--primary:#4f46e5;--primary-light:#818cf8;--primary-bg:#eef2ff;--secondary:#818cf8;--cta:#f97316;--cta-hover:#ea580c;--success:#22c55e;--error:#ef4444;--bg:#eef2ff;--bg-white:#fff;--bg-section:#f5f3ff;--text-dark:#312e81;--text-body:#1e293b;--text-light:#64748b;--white:#fff;--radius-sm:12px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-pill:9999px;--shadow-sm:0 2px 8px #4f46e514;--shadow-md:0 8px 32px #4f46e51f;--shadow-lg:0 16px 48px #4f46e529;--shadow-xl:0 24px 64px #4f46e533;--shadow-hd:0 20px 40px -15px #4f46e52e;--clay-shadow:inset 0 2px 0 #fffc, inset 0 -2px 0 #4f46e50f, 0 8px 32px #4f46e51f;--clay-shadow-hover:inset 0 2px 0 #ffffffe6, 0 16px 40px #4f46e52e;--clay-button-shadow:inset 0 2px 0 #fff6, inset 0 -2px 0 #0000001a, 0 6px 20px #f9731659}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text-body);font-family:Comic Neue,Inter,sans-serif;font-weight:500;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{color:var(--text-dark);font-family:"Baloo 2",cursive;font-weight:800;line-height:1.2}p{color:var(--text-light);font-family:Comic Neue,Inter,sans-serif;font-weight:500}.bubbly-card{background:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--clay-shadow);border:3px solid #ffffffe6;transition:transform .2s,box-shadow .2s;overflow:hidden}.bubbly-card:hover{box-shadow:var(--clay-shadow-hover);transform:translateY(-4px)}.clay-button{background:var(--cta);color:#fff;border-radius:var(--radius-pill);cursor:pointer;box-shadow:var(--clay-button-shadow);white-space:nowrap;border:none;align-items:center;gap:10px;padding:16px 32px;font-family:"Baloo 2",cursive;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.clay-button:hover{background:var(--cta-hover);transform:translateY(-2px)scale(1.02);box-shadow:inset 0 2px #ffffff4d,0 12px 28px #f9731666}.clay-button:active{transform:translateY(1px)scale(.98);box-shadow:inset 0 1px #fff3,0 4px 12px #f9731640}.clay-button-primary{background:var(--primary);box-shadow:inset 0 2px #ffffff4d,inset 0 -2px #0000001a,0 6px 20px #4f46e559}.clay-button-primary:hover{background:#4338ca;box-shadow:inset 0 2px #ffffff40,0 12px 28px #4f46e573}.secondary-button{color:var(--primary);border:3px solid var(--primary);border-radius:var(--radius-pill);cursor:pointer;background:#fff;align-items:center;gap:10px;padding:13px 30px;font-family:"Baloo 2",cursive;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.secondary-button:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}.glass-nav{z-index:1000;-webkit-backdrop-filter:blur(16px);background:#eef2ffd9;border-bottom:1px solid #4f46e51f;padding:14px 0;position:fixed;top:0;left:0;right:0}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section-padding{padding:100px 0}.hero-section{background:radial-gradient(at 100% 0,#818cf833,#0000 60%),radial-gradient(at 0 100%,#4f46e514,#0000 60%);padding:160px 0 100px}.bento-grid{grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(280px,auto);gap:24px;margin-top:48px;display:grid}.phone-mockup{background:#1e1b4b;border:6px solid #1e1b4b;border-radius:40px;flex-shrink:0;width:260px;position:relative;overflow:hidden;box-shadow:0 32px 64px #4f46e540,inset 0 2px #ffffff26}.phone-mockup__notch{z-index:10;background:#1e1b4b;border-radius:0 0 12px 12px;width:80px;height:22px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.phone-mockup__screen{aspect-ratio:9/19.5;background:#eef2ff;border-radius:34px;width:100%;position:relative;overflow:hidden}.phone-mockup__screen img{object-fit:cover;object-position:top;width:100%;height:100%;transition:opacity .3s;display:block}.faq-item{border-radius:var(--radius-lg);background:#fff;border:2px solid #4f46e514;transition:border-color .2s,box-shadow .2s;overflow:hidden}.faq-item:hover{box-shadow:var(--shadow-sm);border-color:#4f46e533}.faq-item.open{box-shadow:var(--shadow-md);border-color:#4f46e540}.faq-question{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:20px 24px;display:flex}.faq-answer{color:var(--text-light);padding:0 24px 20px;font-family:Comic Neue,sans-serif;font-size:1rem;line-height:1.7}.hero-title{font-size:4.5rem}.hero-mascot{max-width:450px}@keyframes float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-16px)rotate(1.5deg)}to{transform:translateY(0)rotate(0)}}@keyframes floatDelay{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-12px)rotate(-1.5deg)}to{transform:translateY(0)rotate(0)}}.floating{animation:6s ease-in-out infinite float}.floating-delay{animation:6s ease-in-out 1.5s infinite floatDelay}.badge-container{flex-wrap:wrap;gap:16px;margin-top:32px;display:flex}.app-badge{height:54px;transition:transform .2s}.app-badge:hover{transform:scale(1.05)}@media (width<=1024px){.hero-title{font-size:3.5rem}}@media (width<=768px){.hero-mascot{max-width:240px}.hero-title{font-size:2.75rem!important}.bento-grid{flex-direction:column;gap:16px;height:auto;display:flex}.hero-flex{text-align:center;flex-direction:column-reverse;gap:24px;padding-top:20px}.nav-links{gap:12px!important;display:flex!important}.desktop-only{display:none!important}h1{font-size:2.75rem!important}.container{padding:0 20px}.section-padding{padding:60px 0}.features-grid{grid-template-columns:1fr!important}.badge-container{justify-content:center;gap:12px}.footer-links{flex-wrap:wrap;justify-content:center;gap:20px;width:100%}.phone-mockup{width:220px}}@media (prefers-reduced-motion:reduce){.floating,.floating-delay{animation:none}.bubbly-card,.clay-button,.secondary-button{transition:none}}:focus-visible{outline:3px solid var(--primary);outline-offset:3px;border-radius:4px}.footer-links a:hover{color:var(--primary)!important}.admin-layout,.admin-vault-login,.admin-layout *,.admin-vault-login *{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.admin-layout h1,.admin-layout h2,.admin-layout h3,.admin-layout h4{font-family:"Baloo 2",cursive!important}