.app{position:relative;width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.background-gradient{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;transition:background .3s ease}.container{position:relative;z-index:1;width:100%;max-width:1200px;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4rem;opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.container.loaded{opacity:1;transform:translateY(0)}.hero-section{text-align:center;animation:fadeInUp 1s ease .3s both}.logo-container{display:flex;justify-content:center;align-items:center;margin-bottom:2rem;animation:logoFadeIn 1s ease .5s both}.logo{max-width:400px;width:100%;height:auto;filter:drop-shadow(0 10px 30px rgba(0,0,0,.3));animation:logoFloat 3s ease-in-out infinite;transition:transform .3s ease;display:block;z-index:2;position:relative}.logo:hover{transform:scale(1.05)}.fallback-title{display:flex!important;margin-top:1rem}.logo-container img[style*="display: none"]{display:none!important}@keyframes logoFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.title{font-size:clamp(3rem,8vw,6rem);font-weight:800;background:linear-gradient(135deg,#fff,#f0f0f0,#fff);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s linear infinite;margin-bottom:1rem;display:flex;justify-content:center;flex-wrap:wrap;gap:.1rem}.title-letter{display:inline-block;animation:bounceIn .6s ease both;text-shadow:0 0 30px rgba(255,255,255,.5)}.title-letter:nth-child(1){animation-delay:.1s}.title-letter:nth-child(2){animation-delay:.2s}.title-letter:nth-child(3){animation-delay:.3s}.title-letter:nth-child(4){animation-delay:.4s}.title-letter:nth-child(6){animation-delay:.5s}.title-letter:nth-child(7){animation-delay:.6s}.title-letter:nth-child(8){animation-delay:.7s}.title-letter:nth-child(9){animation-delay:.8s}.title-letter:nth-child(10){animation-delay:.9s}.title-letter:nth-child(11){animation-delay:1s}.title-letter:nth-child(12){animation-delay:1.1s}.title-space{width:.5rem}.subtitle{font-size:clamp(1.2rem,3vw,1.8rem);color:#ffffffe6;font-weight:300;letter-spacing:2px;animation:fadeIn 1s ease 1.5s both}.social-icons-container{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center;align-items:center;animation:fadeInUp 1s ease 2s both}.social-icon-link{display:flex;flex-direction:column;align-items:center;gap:.8rem;text-decoration:none;transition:transform .3s ease;animation:scaleIn .5s ease both;animation-delay:var(--delay)}.social-icon-link:hover{transform:translateY(-10px) scale(1.1)}.social-icon-wrapper{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;border:2px solid rgba(255,255,255,.2);transition:all .3s ease;cursor:pointer}.social-icon-wrapper:hover{background:#fff3;border-color:#fff6;box-shadow:0 10px 30px #0000004d}.social-icon-wrapper:hover .icon-glow{opacity:1;transform:scale(1.5)}.social-icon{font-size:2rem;z-index:2;transition:transform .3s ease}.social-icon-wrapper:hover .social-icon{transform:rotate(360deg) scale(1.2)}.icon-glow{position:absolute;width:100%;height:100%;border-radius:50%;opacity:0;filter:blur(20px);transition:all .3s ease;z-index:1}.icon-label{color:#ffffffe6;font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:1px;opacity:0;transition:opacity .3s ease}.social-icon-link:hover .icon-label{opacity:1}.floating-shapes{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.shape{position:absolute;border-radius:50%;background:#ffffff1a;animation:float 20s infinite ease-in-out}.shape-1{width:300px;height:300px;top:10%;left:10%;animation-delay:0s}.shape-2{width:200px;height:200px;top:60%;right:10%;animation-delay:5s}.shape-3{width:150px;height:150px;bottom:20%;left:50%;animation-delay:10s}@keyframes bounceIn{0%{opacity:0;transform:translateY(-50px) scale(.5)}50%{transform:translateY(10px) scale(1.1)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shimmer{0%{background-position:0% center}to{background-position:200% center}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}@media (max-width: 768px){.logo{max-width:300px}.social-icons-container{gap:1.5rem}.social-icon-wrapper{width:60px;height:60px}.social-icon{font-size:1.5rem}.icon-label{font-size:.75rem}.container{gap:3rem;padding:1.5rem}}@media (max-width: 480px){.logo{max-width:250px}.social-icons-container{gap:1rem}.social-icon-wrapper{width:50px;height:50px}.social-icon{font-size:1.2rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}#root{width:100%;min-height:100vh}