:root{--page-bg: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(251, 250, 247, .78) 62%, #f5f6f7 100%), radial-gradient(70% 86% at 94% 8%, rgba(0, 202, 229, .34) 0%, rgba(0, 202, 229, .12) 35%, rgba(0, 202, 229, 0) 68%), radial-gradient(68% 92% at 7% -6%, rgba(248, 184, 188, .44) 0%, rgba(248, 184, 188, .16) 42%, rgba(248, 184, 188, 0) 72%), radial-gradient(58% 78% at 34% 4%, rgba(254, 241, 195, .58) 0%, rgba(251, 175, 89, .2) 44%, rgba(251, 175, 89, 0) 76%), radial-gradient(62% 82% at 75% 22%, rgba(208, 104, 187, .22) 0%, rgba(208, 104, 187, .08) 38%, rgba(208, 104, 187, 0) 70%), #fbfaf7;--product-bg: linear-gradient(135deg, #f6b18f 0%, #f08386 48%, #ed4f95 100%);--surface-bg: #ffffff;--surface-elevated: rgba(255, 255, 255, .98);--btn-primary: #d45ab2;--btn-primary-hover: #c94aa5;--btn-secondary-bg: #ffffff;--white: #FFFFFF;--bg: #fbfaf7;--text-primary: #343745;--text-secondary: #7b8190;--text-muted: #9aa1ad;--border: #d9dde6;--input-border: #cfd5df;--input-bg: #fbfcfe;--control-hover: #f5f6fa;--shadow: 0 20px 70px rgba(95, 77, 115, .18);--radius: 24px;--radius-sm: 12px;--radius-xs: 8px;--success: #22C55E;--error: #EF4444}html,body{margin:0;padding:0;width:100%;height:100%;background:var(--page-bg);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--btn-primary) 34%,transparent);border-radius:2px}#root{width:100%;height:100%}