*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#2d5a3d,#4a5c6a);color:#fff;min-height:100vh;align-items:center;overflow:hidden}.container,body{display:flex;flex-direction:column;justify-content:center}.container{text-align:center;padding:2rem;background:hsla(0,0%,100%,.1);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);box-shadow:0 8px 32px rgba(0,0,0,.3);max-width:1000px;width:98%;min-height:600px}h1{font-size:clamp(2rem,4vw,3.5rem);margin-bottom:2.5rem;font-weight:300;letter-spacing:2px}.wip-text,h1{white-space:nowrap}.wip-text{font-size:clamp(1.2rem,2.5vw,1.8rem);margin-bottom:2rem;opacity:.9}.description{font-size:clamp(.85rem,1.7vw,1.1rem);line-height:1.6;margin-bottom:2rem;opacity:.8}.loading-dots{display:flex;justify-content:center;align-items:center;position:relative;width:80px;height:80px;margin:1rem auto}.loading-dots div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#fff;animation-timing-function:cubic-bezier(0,1,1,0)}.loading-dots div:first-child{left:8px;animation:loading1 .6s infinite}.loading-dots div:nth-child(2){left:8px;animation:loading2 .6s infinite}.loading-dots div:nth-child(3){left:32px;animation:loading2 .6s infinite}.loading-dots div:nth-child(4){left:56px;animation:loading3 .6s infinite}@keyframes loading1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes loading3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes loading2{0%{transform:translate(0)}to{transform:translate(24px)}}.contact-info{margin-top:2rem;font-size:clamp(.6rem,1.5vw,.75rem);opacity:.7}.contact-info a{color:#ffeb3b;text-decoration:none;transition:all .3s ease}.contact-info a:hover{color:#fff;text-shadow:0 0 10px rgba(255,235,59,.5)}.particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.particle{position:absolute;background:hsla(0,0%,100%,.1);border-radius:50%;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}@media (prefers-color-scheme:dark){body{background:linear-gradient(135deg,#1a3a2e,#2d3748)}}