:root{--font-body:"Prompt", -apple-system, BlinkMacSystemFont, sans-serif;--font-cute:"Mali", cursive, sans-serif;--font-display:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--color-bg:#fff8fa;--color-primary:#ff5b84;--color-primary-light:#ffe5ed;--color-primary-dark:#d8315b;--color-purple:#7d5fff;--color-purple-light:#efeaff;--color-purple-dark:#573bce;--color-peach:#ff9f7d;--color-mint:#20bf6b;--color-mint-light:#e8f8f1;--color-yellow:#feca57;--color-yellow-light:#fff8e5;--color-text:#2c1a24;--color-text-muted:#6e5864;--color-text-light:#9d8794;--color-card-bg:#ffffffe0;--color-border:#ffb8d259;--shadow-sm:0 2px 8px #ff7da714;--shadow-md:0 8px 24px #ff7da71f;--shadow-lg:0 16px 40px #ff7da72e;--shadow-glow:0 0 30px #ff5b8440;--radius-sm:10px;--radius-md:18px;--radius-lg:28px;--radius-full:9999px}html{scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 10% 20%,#ffdbe999 0%,#0000 40%),radial-gradient(circle at 90% 10%,#e6deff80 0%,#0000 40%),radial-gradient(circle,#fff6e666 0%,#0000 50%),radial-gradient(circle at 80% 80%,#ffe1eb80 0%,#0000 40%);background-attachment:fixed;min-height:100vh;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#fff0f5}::-webkit-scrollbar-thumb{background:#ffb8d2;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ff7da7}.font-cute{font-family:var(--font-cute)}.font-display{font-family:var(--font-display)}.font-body{font-family:var(--font-body)}.glass-panel{background:var(--color-card-bg);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow-md);border-radius:var(--radius-md);border:1px solid #fffc}.glass-card{-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:var(--radius-md);background:#ffffffeb;transition:all .3s cubic-bezier(.16,1,.3,1)}.glass-card:hover{box-shadow:var(--shadow-lg);border-color:#ff7da780;transform:translateY(-4px)}.btn-primary{color:#fff;border-radius:var(--radius-full);font-family:var(--font-body);cursor:pointer;background:linear-gradient(135deg,#ff5b84 0%,#ff8eab 100%);border:none;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:16px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 6px 20px #ff5b8459}.btn-primary:hover{background:linear-gradient(135deg,#f74572 0%,#ff7598 100%);transform:translateY(-2px);box-shadow:0 10px 26px #ff5b8473}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--color-text);border-radius:var(--radius-full);font-family:var(--font-body);cursor:pointer;background:#ffffffe6;border:1.5px solid #ffccd9;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.btn-secondary:hover{color:var(--color-primary);background:#fff5f8;border-color:#ff8eab;transform:translateY(-1px)}.btn-purple{background:linear-gradient(135deg,#7d5fff 0%,#9e8bff 100%);box-shadow:0 6px 20px #7d5fff59}.btn-purple:hover{background:linear-gradient(135deg,#6c4af5 0%,#8972fc 100%);box-shadow:0 10px 26px #7d5fff73}.badge-cute{color:var(--color-primary-dark);border-radius:var(--radius-full);background:#fff0f5;border:1px solid #ffccd9;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:0 2px 6px #ff7da71a}.badge-purple{color:#6343d8;background:#f1edff;border:1px solid #d5caff}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(1deg)}}.animate-float{animation:4.5s ease-in-out infinite float}.animate-float-delayed{animation:5.5s ease-in-out 1.5s infinite float}.ipad-card-mockup{transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s,border-color .35s}.ipad-card-mockup:hover{transform:translateY(-8px)!important}.ipad-card-mockup:hover .ipad-chassis{transform:translateY(-3px)scale(1.02);box-shadow:0 24px 45px -8px var(--ipad-glow,#00000040), 0 6px 18px #00000040!important}.ipad-card-mockup:hover .ipad-screen-img{transform:scale(1.03)}.ipad-card-mockup:hover .ipad-hover-hint{opacity:1!important}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}@media (width>=640px){.container{padding:0 20px}}@media (width>=1024px){.container{padding:0 24px}}img{max-width:100%;height:auto}button,a{-webkit-tap-highlight-color:transparent}@media (width<=767px){.hide-on-mobile{display:none!important}}@media (width>=768px){.show-on-mobile{display:none!important}}.scroll-pills-mobile{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;padding-bottom:6px;display:flex;overflow-x:auto}.scroll-pills-mobile::-webkit-scrollbar{display:none}.input-field{width:100%;font-family:var(--font-body);color:var(--color-text);background:#fff;border:1.5px solid #ffccd9;border-radius:12px;outline:none;padding:12px 16px;font-size:15px;transition:all .2s}.input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff5b842e}@media (width<=640px){.btn-mobile-full{width:100%!important}}