:root{--hot-pink: #fa1172;--barbie-pink: #F26A8D;--text-pink: #E28585;--blush-pink: #E0D1C1;--pink-shine: linear-gradient(105deg, #fa1172 0%, #fa1172 30%, #ffd0e4 50%, #fa1172 70%, #fa1172 100%);--bg-page: #fff5f0;--bg-page-grad: linear-gradient(180deg, #fff5f0 0%, #ffffff 35%);--bg-panel: rgba(255, 255, 255, .78);--bg-section: #E0D1C1;--white: #ffffff;--black: #000000;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #e5e5e5;--gray-300: #d4d4d4;--gray-500: #737373;--gray-700: #404040;--gray-800: #2c2c2c;--gray-900: #171717;--frame-pink: #FFC2D1;--frame-blue: #CAF0F8;--frame-yellow: #FFF8A5;--frame-brown: #DDBEA9;--frame-red: #780000;--frame-matcha: #90a955;--frame-purple: #c19ee0;--frame-white: #FFFFFF;--frame-black: #000000;--frame-cyan: #A0E7E5;--frame-mint: #B4E4C8;--frame-orange: #FFB07A;--frame-coral: #FF8B7B;--frame-navy: #2B3A67;--frame-cream: #FAF0E1;--frame-lavender: #D5BFE8;--frame-sage: #B5C9A4;--frame-rose-gold: #E0BFB8;--frame-blush: #F5D5C8;--frame-sky: #BCE0FD;--frame-magenta: #E91E8C;--frame-leopard: radial-gradient(circle at 20% 30%, #6b4423 0 6px, transparent 7px), radial-gradient(circle at 70% 60%, #6b4423 0 6px, transparent 7px), #f0c987;--frame-checker: repeating-conic-gradient(#000 0 25%, #fff 0 50%) 0 0 / 24px 24px;--frame-polkadot-red: radial-gradient(circle at 50% 50%, #c0392b 0 4px, transparent 5px) 0 0 / 20px 20px, #fff5f5;--frame-polkadot-blue: radial-gradient(circle at 50% 50%, #2c3e50 0 4px, transparent 5px) 0 0 / 20px 20px, #e8f4f8;--frame-stripe-pink: repeating-linear-gradient(45deg, #ffc2d1 0 10px, #fff 10px 20px);--frame-stripe-mint: repeating-linear-gradient(45deg, #b4e4c8 0 10px, #fff 10px 20px);--frame-stripe-yellow: repeating-linear-gradient(45deg, #fff8a5 0 10px, #fff 10px 20px);--frame-checker-pink: repeating-conic-gradient(#ffc2d1 0 25%, #fff 0 50%) 0 0 / 24px 24px;--frame-checker-blue: repeating-conic-gradient(#bce0fd 0 25%, #fff 0 50%) 0 0 / 24px 24px;--frame-checker-green: repeating-conic-gradient(#b5c9a4 0 25%, #fff 0 50%) 0 0 / 24px 24px;--frame-diamond-blue: repeating-conic-gradient(#2c3e50 0 12.5%, #bce0fd 0 25%, #2c3e50 0 37.5%, #bce0fd 0 50%) 0 0 / 30px 30px;--frame-diamond-pink: repeating-conic-gradient(#fa1172 0 12.5%, #ffc2d1 0 25%, #fa1172 0 37.5%, #ffc2d1 0 50%) 0 0 / 30px 30px;--frame-flowers-bw: radial-gradient(circle at 25% 25%, #000 0 3px, transparent 4px), radial-gradient(circle at 75% 75%, #000 0 3px, transparent 4px), radial-gradient(circle at 75% 25%, #fff 0 3px, transparent 4px), radial-gradient(circle at 25% 75%, #fff 0 3px, transparent 4px) 0 0 / 24px 24px, #ddd;--frame-vintage-paper: radial-gradient(circle at 30% 20%, #d4b896 0 8px, transparent 12px), radial-gradient(circle at 70% 60%, #bfa67e 0 6px, transparent 10px), #f0e2c0;--frame-snake: repeating-linear-gradient(45deg, #2d3e1f 0 6px, #b8a878 6px 12px, #4a5c3a 12px 18px);--frame-tiger: repeating-linear-gradient(0deg, #ff8c00 0 8px, #000 8px 14px);--frame-paw: radial-gradient(circle at 25% 25%, #6b3410 0 4px, transparent 5px), radial-gradient(circle at 75% 75%, #6b3410 0 4px, transparent 5px), #f5d5b8;--frame-panda: radial-gradient(circle at 30% 30%, #000 0 8px, transparent 10px), radial-gradient(circle at 70% 30%, #000 0 8px, transparent 10px), radial-gradient(circle at 30% 60%, #000 0 4px, transparent 5px), #fff;--frame-unicorn: linear-gradient(135deg, #ffb6e1 0 20%, #b5e3ff 20% 40%, #fff5b6 40% 60%, #c2f0c2 60% 80%, #d5bfe8 80% 100%);--frame-rainbow-grad: linear-gradient(135deg, #ff6b6b, #ffa94d, #ffd43b, #69db7c, #4dabf7, #9775fa, #f783ac);--frame-sunset-grad: linear-gradient(180deg, #ff6b6b 0%, #ffa94d 30%, #ffd43b 60%, #ff8787 100%);--frame-ocean-grad: linear-gradient(180deg, #4dabf7 0%, #228be6 50%, #1864ab 100%);--frame-gold-grad: linear-gradient(135deg, #f6d365 0%, #fda085 100%);--frame-galaxy-grad: linear-gradient(135deg, #0c0c1d 0%, #1a1a3e 30%, #4b0082 60%, #8a2be2 100%);--frame-confetti-grad: radial-gradient(circle at 10% 20%, #ff6b6b 0 2px, transparent 3px), radial-gradient(circle at 50% 60%, #4dabf7 0 2px, transparent 3px), radial-gradient(circle at 80% 30%, #ffd43b 0 2px, transparent 3px), radial-gradient(circle at 30% 80%, #69db7c 0 2px, transparent 3px) 0 0 / 20px 20px, #fafafa;--frame-hearts-pattern: radial-gradient(circle at 50% 60%, #e91e8c 0 4px, transparent 5px) 0 0 / 18px 18px, #fff;--frame-stars-pattern: radial-gradient(star at 50% 50%, #ffd43b 0 4px, transparent 5px) 0 0 / 22px 22px, #1a1a3e;--frame-roses-pattern: radial-gradient(circle at 30% 30%, #c0392b 0 4px, transparent 5px), radial-gradient(circle at 70% 70%, #c0392b 0 4px, transparent 5px) 0 0 / 18px 18px, #2d4a1e;--font-sans: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-display: "Syne", var(--font-sans);--container-max: 1200px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--text-xs: 1.2rem;--text-sm: 1.4rem;--text-base: 1.6rem;--text-lg: 1.8rem;--text-xl: 2rem;--text-2xl: 2.2rem;--text-display: clamp(3rem, 6vw, 4.8rem);--shadow-lg: 0 18px 36px rgba(16, 24, 40, .14);--transition-fast: .12s ease;--transition-base: .15s ease;--safe-top: env(safe-area-inset-top, 0);--safe-bottom: env(safe-area-inset-bottom, 0)}*,*:before,*:after{box-sizing:border-box}html{font-size:62.5%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);font-size:1.6rem;line-height:1.5;color:var(--gray-900);background:var(--white);min-height:100vh;min-height:100dvh;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;margin:0}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;padding:0}img,video,canvas{max-width:100%;display:block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;padding:1.2rem 2.4rem;border-radius:var(--radius-full);font-size:var(--text-base);font-weight:700;transition:transform var(--transition-base),opacity var(--transition-base);min-height:44px}.btn:active{transform:scale(.97)}.btn-primary{background-image:var(--pink-shine);background-size:300% auto;color:var(--white);animation:shimmer 4s linear infinite}.btn-secondary{background:var(--white);color:var(--hot-pink);border:2px solid var(--hot-pink)}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.brand-shimmer{background-image:var(--pink-shine);background-size:300% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:shimmer 4s linear infinite}@media (prefers-reduced-motion: reduce){.brand-shimmer,.btn-primary{animation:none}}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 2rem}@media (max-width: 640px){html{font-size:56.25%}.container{padding:0 1.6rem}}