:root{--primary:#2fa084;--primary-deep:#1f6f5f;--primary-light:#6fcf97;--hero-start:#edfcf5;--hero-end:#e2f7ee;--text:#1a2e2a;--font:"Cairo", system-ui, sans-serif;font-family:var(--font);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:var(--text);background:radial-gradient(ellipse 80% 60% at 50% 0%, #6fcf9738, transparent 55%), linear-gradient(165deg, var(--hero-start) 0%, #fff 45%, var(--hero-end) 100%);background-attachment:fixed}.page{place-items:center;min-height:100svh;padding:2rem;display:grid}.brand{flex-direction:column;align-items:center;gap:1.25rem;animation:.8s ease-out both rise;display:flex}.brand__logo{width:clamp(88px,18vw,128px);height:auto;animation:3.2s ease-in-out infinite soft-pulse;display:block}.brand__name{letter-spacing:.02em;color:var(--text);margin:0;font-family:Cairo,sans-serif;font-size:clamp(2rem,6vw,3rem);font-weight:800;animation:1s ease-out .2s both fade-in}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes soft-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@media (prefers-reduced-motion:reduce){.brand,.brand__logo,.brand__name{animation:none}}