*{margin:0;padding:0;box-sizing:border-box}html{max-width:100%}body{font-family:"Figtree",sans-serif;background:linear-gradient(180deg,rgba(207,216,226,0.5) 0,rgba(255,255,255,0.5) 100%);min-height:100vh;max-width:100%;display:flex;align-items:center;justify-content:center;color:#2f3d4e;overflow:hidden}.container{position:relative;width:100%;height:100vh;display:flex;align-items:center;justify-content:center}.content{text-align:center;z-index:2;position:relative;max-width:600px;padding:2rem}.logo{margin-bottom:2rem;animation:fadeInUp 1s ease-out .2s both}.logo svg{width:80px;height:80px;filter:drop-shadow(0 4px 8px rgba(255,68,68,0.2));transition:transform .3s ease}.logo:hover svg{transform:scale(1.1) rotate(5deg)}.title{font-size:3.5rem;font-weight:600;margin-bottom:1rem;letter-spacing:-0.02em;animation:fadeInUp 1s ease-out .4s both}.subtitle{font-size:1.25rem;margin-bottom:3rem;font-weight:400;animation:fadeInUp 1s ease-out .6s both}.background-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);svg{width:100%;height:100%}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,100%{transform:translateY(0) scale(1);opacity:.3}50%{transform:translateY(-20px) scale(1.2);opacity:.6}}@media(max-width:768px){.content{padding:1rem}.title{font-size:2.5rem}.subtitle{font-size:1.1rem}}@media(max-width:480px){.title{font-size:2rem}.subtitle{font-size:1rem}.logo svg{width:60px;height:60px}}