*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#831843;--color-secondary:#ec4899;--color-accent:#7542c6;--color-background:#fdf2f8;--color-foreground:#321126;--color-muted:#765c6e;--color-focus:#7542c6;--bg-white:#fff;--bg-soft:var(--color-background);--text-primary:var(--color-foreground);--text-secondary:var(--color-muted);--border-color:var(--color-primary);--border-light:#83184329;--glass-bg:#ffffff61;--glass-border:#ffffffb8;--shadow-soft:0 16px 42px #53264924;--motion-fast:.22s;--motion-smooth:.5s;--space-sm:clamp(12px, 1.5vw, 24px);--space-md:clamp(24px, 3vw, 48px);--space-lg:clamp(40px, 5vw, 80px);--space-xl:clamp(60px, 7vw, 120px);--font-sm:clamp(14px, 1.2vw, 18px);--font-md:clamp(18px, 1.8vw, 24px);--font-lg:clamp(28px, 3vw, 40px);--font-xl:clamp(40px, 4.5vw, 64px)}html,body,#root{width:100%;min-height:100dvh}body{background:var(--bg-white);color:var(--text-primary);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;overscroll-behavior:none;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.app-container{background:var(--color-background);width:100%;height:100dvh;min-height:100dvh;position:relative;overflow:hidden}.app-frame{background:var(--color-background);width:100%;height:100%;min-height:100dvh;position:relative;overflow:hidden}.screen{flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.beauty-gradient{background:radial-gradient(circle at 16% 12%, #f9a8d447, transparent 32%), radial-gradient(circle at 88% 82%, #8b5cf624, transparent 34%), var(--color-background)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(28px)saturate(150%);border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 #ffffffb8, var(--shadow-soft);border-radius:24px}.glow-button,.btn-primary{border:2px solid var(--color-primary);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary);transition:transform var(--motion-fast) cubic-bezier(.22,1,.36,1), color var(--motion-fast) ease, border-color var(--motion-fast) ease;background:0 0;border-radius:60px;padding:clamp(14px,1.6vw,22px) clamp(40px,5vw,64px);font-family:inherit;font-size:clamp(14px,1.3vw,18px);font-weight:600;position:relative;box-shadow:0 12px 28px #7542c61f}.glow-button:hover,.btn-primary:hover{color:var(--color-accent);border-color:var(--color-accent);transform:scale(1.02)}.glow-button:active,.btn-primary:active{transform:scale(.98)}.btn-secondary{border:2px solid var(--border-color);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary);-webkit-backdrop-filter:blur(22px)saturate(145%);transition:transform var(--motion-fast) cubic-bezier(.22,1,.36,1), background var(--motion-fast) ease;background:0 0;border-radius:60px;padding:clamp(14px,1.6vw,22px) clamp(32px,4vw,48px);font-family:inherit;font-size:clamp(14px,1.3vw,18px);font-weight:600}.btn-secondary:hover{color:var(--color-accent);border-color:var(--color-accent)}.btn-secondary:active{transform:scale(.98)}.logo{top:var(--space-md);left:var(--space-lg);object-fit:contain;z-index:20;width:clamp(210px,24vw,360px);height:auto;position:absolute}.logo--light{filter:brightness(0)invert()drop-shadow(0 2px 8px #00000040)}button,[role=button]{touch-action:manipulation}button:focus-visible,[role=button]:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}