:root{--brand-50: #f0f9ff;--brand-100: #e0f2fe;--brand-500: #0ea5e9;--brand-600: #0284c7}html,body,#root{height:100%}body{background:linear-gradient(180deg,#f8fafc,#fff);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{display:block;max-width:100%}.rounded-3xl{border-radius:1rem}.shadow-soft{box-shadow:0 8px 24px #1018280f}a:focus{outline:2px solid var(--brand-100);outline-offset:2px}.hero-decor img{opacity:.16}@media(min-width:1024px){.max-w-7xl{max-width:1100px}}