*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);overflow:hidden;position:relative}.container{display:flex;justify-content:center;align-items:center;height:100vh;position:relative;perspective:1000px}.logo-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;z-index:10;background:#fff;padding:3rem;border-radius:20px;box-shadow:0 15px 35px rgba(0,0,0,.1),0 5px 15px rgba(0,0,0,.07);animation:logoEntrance 1.5s ease-out;width:400px;height:400px}@media(max-width: 768px){.logo-wrapper{padding:2.5rem;border-radius:16px;width:320px;height:320px}}@media(max-width: 480px){.logo-wrapper{padding:2rem;border-radius:12px;width:280px;height:280px}}.tagline{font-family:"Lato",sans-serif;font-size:1.2rem;font-weight:700;color:#093f6d;text-align:center;margin-bottom:2rem;letter-spacing:.1em;animation:taglineEntrance 1.8s ease-out .3s both}@media(max-width: 768px){.tagline{font-size:1.1rem;margin-bottom:1.5rem}}@media(max-width: 480px){.tagline{font-size:1rem;margin-bottom:1rem;letter-spacing:.05em}}.logo{max-width:200px;max-height:150px;width:auto;height:auto;transform-style:preserve-3d}@media(max-width: 768px){.logo{max-width:170px;max-height:130px}}@media(max-width: 480px){.logo{max-width:140px;max-height:100px}}.background-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.circle.circle-1{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg, #f093fb 0%, #f5576c 100%);position:absolute;opacity:.1;animation:float 6s ease-in-out infinite;animation-delay:0s;top:20%;left:10%}.circle.circle-2{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);position:absolute;opacity:.1;animation:float 6s ease-in-out infinite;animation-delay:2s;top:60%;right:15%}.circle.circle-3{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);position:absolute;opacity:.1;animation:float 6s ease-in-out infinite;animation-delay:4s;bottom:25%;left:20%}@keyframes logoEntrance{0%{opacity:0;transform:translateY(30px) scale(0.9)}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes taglineEntrance{0%{opacity:0;transform:translateY(-20px)}100%{opacity:.9;transform:translateY(0)}}@keyframes float{0%,100%{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-20px) rotate(120deg)}66%{transform:translateY(10px) rotate(240deg)}}body::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.1) 0%, transparent 70%);animation:pulse 4s ease-in-out infinite;pointer-events:none}@keyframes pulse{0%,100%{opacity:.3;transform:scale(1)}50%{opacity:.1;transform:scale(1.05)}}.logo-wrapper::before{content:"";position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);border-radius:20px;border:1px solid hsla(0,0%,100%,.2);z-index:-1;opacity:0;transition:opacity .3s ease}.logo-wrapper:hover::before{opacity:1}/*# sourceMappingURL=style.css.map */