/* Reset & Layout */
html,body{min-height:100vh;margin:0;padding:0;color:#fff;font-family:'Inter',Arial,sans-serif;display:flex;flex-direction:column;background:#070f1d;}

/* background depth */
body{background:radial-gradient(circle at 50% 15%,#070f1d 0%,#070f1d 100%);}
.bg-noise{position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z/C/HwAF/gJ+GO2n0wAAAABJRU5ErkJggg==");opacity:.06;}

header{height:64px;display:flex;align-items:center;margin-top:1.25rem;}
.logo{max-width:160px;height:auto;margin:1rem 2rem;}

main{flex:1;display:flex;align-items:center;justify-content:center;}

/* Hero */
.hero-container{text-align:center;max-width:540px;padding:2.5rem 1.5rem;}
.hero-container h1{font-size:3rem;font-weight:800;letter-spacing:-1px;margin:0 0 .75rem;}
.subtitle{font-size:1.15rem;color:#A5B4FC;margin:0 0 2rem;}

.cta-row{display:flex;justify-content:center;margin-top:1rem;}
.contact-btn{background:linear-gradient(135deg,#1E90FF 0%,#007BFF 100%);color:#fff;padding:.95rem 2.5rem;font-size:1.08rem;font-weight:600;border:none;border-radius:1.6rem;text-decoration:none;box-shadow:0 2px 16px rgba(0,0,0,.3);position:relative;overflow:hidden;transition:background .14s,box-shadow .14s;}
.contact-btn:hover{background:#0064D6;box-shadow:0 4px 20px rgba(0,0,0,.38);} 

/* pulse glow */
@keyframes pulseGlow{0%{box-shadow:0 0 0 0 rgba(30,144,255,.45);}70%{box-shadow:0 0 0 11px rgba(30,144,255,0);}100%{box-shadow:0 0 0 0 rgba(30,144,255,0);}}
.contact-btn::after{content:"";position:absolute;inset:0;border-radius:inherit;animation:pulseGlow 4s ease-out infinite;}

/* social icons */
.social-row{margin-top:2.25rem;display:flex;gap:1.25rem;justify-content:center;}
.social-row a{color:#fff;transition:color .2s ease;}
.social-row a:hover{color:#1E90FF;}
.social-row svg {
  width: 28px;
  height: 28px;
}

/* animations */
@keyframes animateCloud{0%{transform:translateY(0);}50%{transform:translateY(4px);}100%{transform:translateY(0);}}
.animate-cloud{animation:animateCloud 12s ease-in-out infinite;}
@keyframes fadeInUp{from{opacity:0;transform:translateY(22px);}to{opacity:1;transform:translateY(0);}}
.fade-in-up{animation:fadeInUp .9s cubic-bezier(.39,.575,.565,1) forwards;}

/* footer */
.footer-text{border-top:1px solid rgba(255,255,255,.05);padding:1rem 0;margin-top:3rem;text-align:center;color:#9CA3AF;font-size:.97rem;letter-spacing:.01em;}

/* easter egg */
@keyframes eggFloat{0%{transform:translateY(0);}50%{transform:translateY(-6px);}100%{transform:translateY(0);}}
.easter-egg{position:fixed;right:1.5rem;bottom:3.5rem;font-size:2.2rem;animation:eggFloat 6s ease-in-out infinite;opacity:.88;pointer-events:none;user-select:none;}

/* responsive */
@media(max-width:600px){.hero-container h1{font-size:2.2rem;}.subtitle{font-size:1rem;}.cta-row{flex-direction:column;gap:.75rem;}}