:root{
--bg-1:#0e1220;
--bg-2:#161c33;
--card:rgba(255,255,255,.055);
--border:rgba(255,255,255,.12);
--text:#f4f6fb;
--muted:#a7b0c8;
--accent:#7aa2ff;
--accent-2:#a78bfa;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{
height:100%;
margin:0;
}
body{
font-family:"Segoe UI",system-ui,-apple-system,Inter,Arial,sans-serif;
background:
radial-gradient(900px 600px at 80% -10%, rgba(122,162,255,.18), transparent 60%),
radial-gradient(700px 500px at 10% 110%, rgba(167,139,250,.16), transparent 60%),
linear-gradient(160deg,var(--bg-1),var(--bg-2));
color:var(--text);
min-height:100dvh;
display:flex;
flex-direction: column;
align-items:center;justify-content:center;
padding:24px;
-webkit-font-smoothing:antialiased;
}
.card{
flex:1;
width:100%;max-width:680px;
background:var(--card);
border:1px solid var(--border);
border-radius:26px;
padding:clamp(28px,6vw,56px);
text-align:center;
backdrop-filter:blur(14px);
-webkit-backdrop-filter:blur(14px);
box-shadow:0 30px 80px rgba(0,0,0,.45);
animation:rise .7s cubic-bezier(.2,.8,.2,1) both;
}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.badge{
display:inline-block;
font-size:.82rem;letter-spacing:.16em;
color:var(--muted);
border:1px solid var(--border);
border-radius:999px;
padding:7px 18px;
margin-bottom:26px;
}
h1{
font-size:clamp(1.5rem,5.2vw,2.5rem);
font-weight:600;
line-height:1.45;
margin-bottom:14px;
}
.domain{
display:block;
margin:10px 0 6px;
font-size:clamp(1.9rem,7vw,3.2rem);
font-weight:800;
letter-spacing:-.5px;
word-break:break-word;
background:linear-gradient(95deg,var(--accent),var(--accent-2));
-webkit-background-clip:text;background-clip:text;
-webkit-text-fill-color:transparent;color:var(--accent);
}
.sub{color:var(--muted);font-size:1.02rem;line-height:1.8;margin-top:10px}
.cta{
display:inline-flex;align-items:center;gap:10px;
margin-top:34px;
padding:16px 40px;
border-radius:999px;
font-size:1.08rem;font-weight:700;
text-decoration:none;color:#0d1024;
background:linear-gradient(95deg,var(--accent),var(--accent-2));
box-shadow:0 14px 34px rgba(122,162,255,.32);
white-space:nowrap;
transition:transform .18s ease, box-shadow .18s ease;
}
.cta:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(122,162,255,.45)}
.cta:active{transform:translateY(0)}
.mail{
display:block;margin-top:20px;
color:var(--muted);text-decoration:none;
font-size:1rem;
border-bottom:1px dashed rgba(255,255,255,.22);
padding-bottom:2px;width:max-content;margin-inline:auto;
}
.mail:hover{color:var(--text)}
@media (max-width:420px){ .cta{padding:15px 26px;font-size:1rem} }
@media (prefers-reduced-motion:reduce){.card{animation:none}.cta{transition:none}}

ul {
list-style-type:none;
}
ul.hList li {
display: inline;
}
li a{
color:white;
}
footer {
margin-top: 50px;
width:100%;
background:var(--card);
border:1px solid var(--border);
border-radius:26px;
padding:clamp(28px,6vw,56px);
text-align:center;
backdrop-filter:blur(14px);
-webkit-backdrop-filter:blur(14px);
box-shadow:0 30px 80px rgba(0,0,0,.45);
animation:rise .7s cubic-bezier(.2,.8,.2,1) both;
}

.hidden {
display: none;
}