:root{--dark-blue: #0a192f;--light-blue: #172a45;--vibrant-blue: #007bff;--vibrant-blue-hover: #0056b3;--text-light: #ccd6f6;--text-gray: #8892b0;--white: #ffffff}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:Poppins,sans-serif;background:linear-gradient(135deg,var(--dark-blue) 0%,var(--light-blue) 100%);color:var(--text-light);text-align:center;position:relative}#particles-container{position:absolute;width:100%;height:100%;top:0;left:0;z-index:0}#root{display:flex;justify-content:center;align-items:center}.container{max-width:600px;padding:2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;position:relative;z-index:1}h1{font-size:clamp(2rem,5vw,3rem);font-weight:600;color:var(--white);opacity:0;animation:fadeInUp .8s cubic-bezier(.25,.46,.45,.94) .2s forwards}h2{font-size:clamp(1rem,3vw,1.25rem);font-weight:300;color:var(--text-gray);max-width:500px;margin:0 auto;opacity:0;animation:fadeInUp .8s cubic-bezier(.25,.46,.45,.94) .4s forwards}p{font-size:clamp(.9rem,2.5vw,1rem);color:var(--text-light);opacity:0;animation:fadeInUp .8s cubic-bezier(.25,.46,.45,.94) .6s forwards}.cta-button{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;background-color:var(--vibrant-blue);color:var(--white);padding:.9rem 1.8rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:1rem;border:none;cursor:pointer;transition:all .3s ease-in-out;opacity:0;animation:fadeInUp .8s cubic-bezier(.25,.46,.45,.94) .8s forwards}.cta-button:hover,.cta-button:focus{background-color:var(--vibrant-blue-hover);transform:translateY(-3px);box-shadow:0 6px 20px #007bff4d;outline:none}.cta-button svg{width:1.25em;height:1.25em;fill:currentColor;transition:transform .3s ease}.cta-button:hover svg{animation:pulseIcon .8s ease-in-out infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseIcon{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}