:root{--font:"Source Sans Pro",sans-serif;--bg0:#070b14;--bg1:#040711;--border:#ffffff1f;--text:#eaf2ff;--muted:#eaf2ffd1;--media:#4FC3F7;--hub:#FFF176;--ext:#fff;--shadow:0 22px 70px #0000008c;--radius:22px}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:var(--font);background:radial-gradient(900px 520px at 50% 35%,#3b82f61f,transparent 60%),radial-gradient(900px 520px at 25% 30%,#0ea5e91a,transparent 55%),radial-gradient(1200px 800px at 50% 100%,#ffffff0f,transparent 60%),linear-gradient(180deg,var(--bg0),var(--bg1));color:var(--text);min-height:100svh;display:flex;flex-direction:column}
#bgParticles{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.85}
.wrap{flex:1;width:100%;padding:48px 16px 24px;display:flex;align-items:center;justify-content:center}
.card{width:100%;max-width:850px;padding:60px 25px;background:linear-gradient(180deg,#ffffff14,#ffffff0a);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;overflow:hidden}
.card::before{content:"";position:absolute;inset:-2px;background:radial-gradient(700px 360px at 50% 45%,#3b82f638,transparent 60%),radial-gradient(600px 300px at 50% 55%,#0ea5e92e,transparent 62%),radial-gradient(900px 520px at 50% 100%,#ffffff0f,transparent 65%);pointer-events:none;opacity:.9}
.title{position:relative;margin:0;font-size:clamp(34px,6vw,64px);letter-spacing:-.02em;line-height:1.05;font-weight:600;text-align:center}
.t-media{color:var(--media)}
.t-hub{color:var(--hub)}
.t-ext{color:var(--ext)}
.subtitle{position:relative;margin:14px 0 0;text-align:center;font-size:clamp(16px,2.4vw,20px);font-weight:400;color:#fff;opacity:.95;min-height:1.4em}
.typeText{white-space:pre-wrap}
.caret{display:inline-block;width:.6ch;margin-left:2px;border-right:2px solid #ffffffeb;transform:translateY(1px);animation:blink 1s step-end infinite}
@keyframes blink{50%{border-right-color:transparent}}
.footer{height:70px;width:100%;display:flex;align-items:center;justify-content:center;padding:0 16px}
.copyright{font-size:14px;font-weight:600;color:var(--muted);letter-spacing:.02em}
@media (max-width:680px) {
.wrap{padding:28px 12px 12px}
.card{max-width:100%;padding:88px 22px;border-radius:18px}
}