: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}}.nav-container{justify-content:space-between;align-items:center;height:70px;display:flex}.nav-brand{cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:10px;display:flex}.nav-brand-logo-icon{color:#fff;background:linear-gradient(135deg,#ff7da7 0%,#a29bfe 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex;box-shadow:0 4px 14px #ff7da759}.nav-brand-title{font-family:var(--font-cute);background:linear-gradient(135deg,#ff4d79 0%,#7d5fff 100%);-webkit-text-fill-color:transparent;letter-spacing:-.3px;-webkit-background-clip:text;font-size:20px;font-weight:700;line-height:1.2}.nav-brand-subtitle{color:var(--color-text-muted);letter-spacing:.5px;font-size:10px;font-weight:700}.nav-links{align-items:center;gap:8px;display:flex}.nav-btn{font-family:var(--font-body);cursor:pointer;white-space:nowrap;color:var(--color-text-muted);background:0 0;border:1px solid #0000;border-radius:20px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.nav-btn:hover{color:var(--color-primary-dark);background:#fff0f5}.nav-btn.active{color:var(--color-primary-dark);background:#fff0f5;border:1px solid #ffccd9;font-weight:600}.nav-btn-purchases{color:var(--color-primary-dark);background:#fff5f8;border:1px solid #ffccd9;font-weight:600}.nav-btn-purchases.active{color:#fff;background:linear-gradient(135deg,#ff7da7 0%,#a29bfe 100%);border:1px solid #ffccd9;box-shadow:0 4px 12px #ff7da74d}.nav-auth-group{flex-shrink:0;align-items:center;gap:12px;display:flex}.nav-auth-buttons{align-items:center;gap:8px;display:flex}.nav-btn-login{white-space:nowrap;padding:8px 18px!important;font-size:14px!important}.nav-btn-register{white-space:nowrap;padding:8px 20px!important;font-size:14px!important}.nav-user-badge{cursor:pointer;white-space:nowrap;background:#fffffff2;border:1px solid #ffccd9;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;transition:all .2s;display:flex}.nav-user-badge:hover{background:#fff;border-color:#ff8eab}.nav-logout-btn{cursor:pointer;color:#9c8890;background:#fff0f5;border:1px solid #ffccd9;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.nav-logout-btn:hover{color:var(--color-primary);background:#ffe5ed;border-color:#ff8eab}.nav-short-text{display:none}.nav-long-text{display:inline}@media (width>=768px) and (width<=962px){.nav-container{height:64px}.nav-brand{gap:8px}.nav-brand-logo-icon{border-radius:10px;width:32px;height:32px}.nav-brand-logo-icon svg{width:17px;height:17px}.nav-brand-title{font-size:18px}.nav-brand-subtitle{display:none!important}.nav-long-text{display:none}.nav-short-text{display:inline}.nav-links{gap:4px}.nav-btn{border-radius:16px;gap:4px;padding:6px 10px;font-size:13px}.nav-btn svg{width:13px;height:13px}.nav-auth-group,.nav-auth-buttons{gap:6px}.nav-btn-login{border-radius:16px!important;gap:4px!important;padding:6px 12px!important;font-size:13px!important}.nav-btn-login svg{width:13px!important;height:13px!important}.nav-btn-register{border-radius:16px!important;padding:6px 14px!important;font-size:13px!important}.nav-user-badge{border-radius:16px;gap:6px;padding:4px 10px}.nav-user-name{text-overflow:ellipsis;max-width:70px;overflow:hidden}.nav-logout-btn{border-radius:10px;width:32px;height:32px}}