*,*::before,*::after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}.gradient{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:2rem;text-align:center;background:linear-gradient( to bottom right,#3b82f6,#a855f7,#ec4899 );background-size:400% 400%;animation:gradient-shift 15s ease-in-out infinite}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.title{margin:0;font-family:"Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-weight:700;color:#000;font-size:clamp(2rem,8vw,5.5rem);letter-spacing:-0.01em;line-height:1.1}@media (prefers-reduced-motion:reduce){.gradient{animation:none}}