:root{--navy:#0b2340;--accent:#ffd166;--muted:#6b7280;--bg:#f6f7f9}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:Inter,Segoe UI,system-ui,Arial,sans-serif;background:var(--bg);color:var(--navy);display:flex;align-items:center;justify-content:center}
.wrap{width:min(760px,94%);background:white;border-radius:10px;box-shadow:0 8px 30px rgba(11,35,64,0.08);padding:32px}
.brand{display:flex;gap:16px;align-items:center;margin-bottom:18px}
.brand .logo{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:linear-gradient(180deg,var(--accent),#f7c95a)}
.brand h1{margin:0;font-size:20px;letter-spacing:0.2px}
.tag{margin:2px 0 0;color:var(--muted);font-size:13px}
.panel{padding:28px;border-radius:8px;background:linear-gradient(180deg,rgba(11,35,64,0.02),transparent);border:1px solid rgba(11,35,64,0.04)}
.panel h2{margin-top:0;color:var(--navy)}
.panel p{color:#1f2937}
.eta{margin-top:12px;color:var(--muted)}
.contact a{color:var(--navy);text-decoration:none;font-weight:600}
.foot{margin-top:18px;color:var(--muted);font-size:13px;text-align:center}
@media (max-width:420px){.wrap{padding:20px}.brand h1{font-size:18px}}

/* Background animated objects */
.bg-objects{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.wrap{position:relative;z-index:1}
.bg-objects .obj{position:absolute;display:block;border-radius:50%;opacity:.12;filter:blur(14px);transform:translate3d(0,0,0)}
.bg-objects .obj--one{width:360px;height:360px;right:-80px;top:-60px;background:linear-gradient(135deg,var(--navy),rgba(11,35,64,0.6));animation:float 18s ease-in-out infinite;animation-delay:0s}
.bg-objects .obj--two{width:220px;height:220px;left:-60px;bottom:-40px;background:linear-gradient(135deg,var(--accent),#f7c95a);opacity:.14;filter:blur(18px);animation:float 22s ease-in-out infinite;animation-delay:3s}
.bg-objects .obj--three{width:140px;height:140px;left:10%;top:40%;background:linear-gradient(135deg,#4b6b9a,rgba(79,139,233,0.6));opacity:.08;filter:blur(12px);animation:float 26s ease-in-out infinite;animation-delay:6s}
.bg-objects .obj--four{width:90px;height:90px;right:18%;top:58%;background:linear-gradient(135deg,rgba(255,209,102,0.9),rgba(255,240,180,0.7));opacity:.09;filter:blur(10px);animation:float 20s ease-in-out infinite;animation-delay:9s}

@keyframes float{
	0%{transform:translateY(0) translateX(0) rotate(0deg)}
	25%{transform:translateY(-18px) translateX(8px) rotate(6deg)}
	50%{transform:translateY(0) translateX(0) rotate(0deg)}
	75%{transform:translateY(18px) translateX(-6px) rotate(-4deg)}
	100%{transform:translateY(0) translateX(0) rotate(0deg)}
}

@media (prefers-reduced-motion: reduce){
	.bg-objects .obj{animation:none!important;filter:blur(10px)}
}