*{box-sizing:border-box}html,body,#particles{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,'Noto Sans',sans-serif;background:#071026;color:#d8eef2;display:flex;align-items:center;justify-content:center;min-height:100vh;overflow:hidden}
.scene{position:relative;width:100%;height:100vh;display:flex;align-items:center;justify-content:center}
.gradient{position:absolute;inset:0;background:radial-gradient(ellipse at 10% 20%, rgba(19,83,100,0.25), transparent 10%),radial-gradient(ellipse at 90% 80%, rgba(2,120,150,0.14), transparent 12%),linear-gradient(180deg,#0b2230 0%,#071026 100%);mix-blend-mode:screen;filter:blur(30px);transform:scale(1.2)}
.glow{position:absolute;top:10%;left:50%;width:700px;height:700px;background:conic-gradient(from 220deg at 50% 50%, rgba(23,126,113,0.18), rgba(3,160,170,0.12), rgba(20,40,60,0.04));transform:translateX(-50%) rotate(15deg);filter:blur(40px);pointer-events:none}
#particles{position:absolute;inset:0;z-index:0}
.card{position:relative;z-index:2;padding:48px 56px;border-radius:18px;text-align:center;max-width:920px;margin:0 20px;backdrop-filter:blur(6px);background:linear-gradient(180deg,rgba(255,255,255,0.02),rgba(255,255,255,0.01));box-shadow:0 10px 40px rgba(2,8,12,0.6);border:1px solid rgba(255,255,255,0.03);animation:fadeUp .9s ease both}
.badge{display:inline-block;padding:8px 14px;border-radius:999px;background:rgba(13,118,104,0.14);color:#b8f0e6;font-weight:600;font-size:13px;letter-spacing:.6px;margin-bottom:18px}
.logo{font-size:96px;line-height:0.9;margin:6px 0 14px;font-weight:800;color:#fff;text-shadow:0 6px 30px rgba(4,30,40,0.6);font-family:Inter,system-ui}
.lead{max-width:680px;margin:0 auto 26px;color:rgba(216,238,242,0.77);font-size:18px}
.actions{display:flex;gap:14px;align-items:center;justify-content:center;margin-bottom:20px}
.btn{display:inline-flex;align-items:center;gap:12px;padding:14px 22px;background:linear-gradient(90deg,#2bb39a,#2b9dd1);color:#042b2b;border-radius:12px;text-decoration:none;font-weight:700;box-shadow:0 8px 30px rgba(43,155,209,0.18);transform:translateY(0);transition:transform .18s cubic-bezier(.2,.9,.2,1),box-shadow .18s}
.btn svg{opacity:.95}
.btn:hover{transform:translateY(-6px) rotate(-1deg);box-shadow:0 18px 50px rgba(43,155,209,0.22)}
.muted{color:rgba(216,238,242,0.36);font-size:13px;margin-top:6px}
@keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
/* Responsive */
@media (max-width:880px){.logo{font-size:56px}.card{padding:28px}}