body,html{margin:0;padding:0;overflow:hidden;height:100%}.homepage-container{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;overflow:hidden;background:#fff}.particles-container{position:absolute;width:100%;height:100%;overflow:hidden;pointer-events:none}.particle{position:absolute;width:4px;height:4px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;opacity:.6;animation:float-up 15s linear infinite}.particle:first-child{left:10%;animation-delay:0s;animation-duration:12s}.particle:nth-child(2){left:20%;animation-delay:2s;animation-duration:15s}.particle:nth-child(3){left:30%;animation-delay:4s;animation-duration:18s}.particle:nth-child(4){left:40%;animation-delay:0s;animation-duration:20s}.particle:nth-child(5){left:50%;animation-delay:3s;animation-duration:14s}.particle:nth-child(6){left:60%;animation-delay:5s;animation-duration:16s}.particle:nth-child(7){left:70%;animation-delay:1s;animation-duration:13s}.particle:nth-child(8){left:80%;animation-delay:6s;animation-duration:17s}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:orb-float 20s ease-in-out infinite;pointer-events:none}.orb-1{width:400px;height:400px;background:linear-gradient(135deg,#667eea,#764ba2);top:-200px;right:-100px;animation-delay:0s}.orb-2{width:300px;height:300px;background:linear-gradient(135deg,#f093fb,#f5576c);bottom:-150px;left:-100px;animation-delay:5s}.orb-3{width:250px;height:250px;background:linear-gradient(135deg,#4facfe,#00f2fe);top:50%;right:10%;transform:translateY(-50%);animation-delay:10s}.content-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.content-center{text-align:center;width:100%;max-width:600px}.logo-wrapper{margin-bottom:2.5rem}.logo{height:8rem;width:auto;margin:0 auto;display:block;filter:drop-shadow(0 10px 40px rgba(0,0,0,.1))}.tagline{font-size:2rem;font-weight:300;margin:0 0 2.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;line-height:1.2}.enter-button{position:relative;display:inline-flex;align-items:center;padding:1rem 3rem;font-size:1.125rem;text-decoration:none;color:#fff;overflow:hidden;border-radius:9999px;box-shadow:0 10px 30px -10px rgba(102,126,234,.5);transition:all .3s}.button-text{position:relative;z-index:2;font-weight:500}.button-bg{position:absolute;inset:0;background:linear-gradient(135deg,#667eea,#764ba2);transition:transform .3s}.button-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#764ba2,#f093fb);opacity:0;transition:opacity .3s}.enter-button:hover{transform:translateY(-2px);box-shadow:0 15px 35px -10px rgba(102,126,234,.6)}.enter-button:hover .button-bg:after{opacity:1}@keyframes float-up{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:.6;transform:translateY(90vh) scale(1)}90%{opacity:.6;transform:translateY(10vh) scale(1)}to{transform:translateY(-10vh) scale(0);opacity:0}}@keyframes orb-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}@media (max-width:768px){.logo{height:8rem}.tagline{font-size:1.5rem}.logo-wrapper,.tagline{margin-bottom:2rem}.orb-1{width:250px;height:250px;top:-125px;right:-50px}.orb-2{width:200px;height:200px;bottom:-100px;left:-50px}.orb-3{width:150px;height:150px}.enter-button{padding:.875rem 2.5rem;font-size:1rem}}@media (min-width:1024px){.logo{height:12rem}.tagline{font-size:2.5rem}}@supports (-webkit-touch-callout:none){.homepage-container{height:-webkit-fill-available}}