:root{
  --bg:#03080e;--bg2:#07111f;--line:#122235;--line2:#1a3556;
  --white:#f3f6fb;--muted:#7f8a9b;--blue:#2d83ff;--blue2:#67adff;--green:#2ee3b0;
  --max:1390px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:#03080e;color:var(--white);
  font-family:Inter,Arial,Helvetica,sans-serif;overflow-x:hidden
}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(circle at 72% 22%,rgba(37,112,229,.12),transparent 29%),
    linear-gradient(90deg,rgba(43,90,148,.055) 1px,transparent 1px),
    linear-gradient(rgba(43,90,148,.055) 1px,transparent 1px);
  background-size:auto,72px 72px,72px 72px
}
a{color:inherit;text-decoration:none}
.wrap{width:min(calc(100% - 44px),var(--max));margin:auto;position:relative;z-index:1}
.topbar{
  height:82px;border-bottom:1px solid rgba(255,255,255,.075);
  background:rgba(2,6,11,.92);display:flex;align-items:center;position:sticky;top:0;z-index:50;
  backdrop-filter:blur(15px)
}
.nav{display:flex;align-items:center;gap:30px}
.logo{display:flex;align-items:center;gap:11px;min-width:285px}
.logo img{width:45px;height:45px;object-fit:cover}
.logo-copy b{display:block;font-size:14px;letter-spacing:.08em}
.logo-copy small{display:block;color:var(--blue2);font-size:9px;font-weight:900;letter-spacing:.33em;margin-top:3px}
.links{display:flex;align-items:center;gap:28px;margin:auto;color:#929dad;font-size:13px}
.links a:hover{color:#fff}
.lang{display:flex;border:1px solid #14283e;border-radius:999px;padding:4px;gap:2px}
.lang span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;font-size:10px;font-weight:900;color:#758397}
.lang .on{background:var(--blue);color:#fff;box-shadow:0 0 17px rgba(45,131,255,.45)}
.account{border:1px solid #174b82;border-radius:999px;padding:12px 22px;font-size:13px;font-weight:900}
.logout{font-size:13px;font-weight:800;margin-left:6px}
.hero{min-height:715px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:68px;padding:68px 0 73px}
.kicker{
  display:inline-flex;border:1px solid rgba(45,131,255,.5);border-radius:999px;
  color:#6db1ff;background:rgba(21,70,131,.11);padding:8px 14px;
  font-size:11px;font-weight:1000;letter-spacing:.23em;text-transform:uppercase
}
.hero h1{font-size:clamp(60px,6.7vw,91px);line-height:.84;letter-spacing:-.072em;margin:34px 0 24px;font-weight:1000;text-transform:uppercase}
.hero h1 em{font-style:normal;color:var(--blue)}
.hero p{color:#8490a1;font-size:16px;line-height:1.7;max-width:680px;margin:0 0 28px}
.actions{display:flex;gap:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:51px;padding:0 24px;border-radius:999px;font-size:13px;font-weight:900;border:1px solid #162434;transition:.2s;cursor:pointer}
.btn-primary{background:var(--blue);border-color:var(--blue);box-shadow:0 15px 34px rgba(45,131,255,.16)}
.btn-primary:hover{background:#4491ff;transform:translateY(-1px)}
.btn-dark{background:#07101a}
.btn-dark:hover{border-color:#31567d}
.stats{display:flex;margin-top:31px}
.stat{padding:0 26px 0 0;margin-right:25px;border-right:1px solid rgba(255,255,255,.09)}
.stat:last-child{border:0}
.stat b{font-size:17px;display:block;margin-bottom:6px}
.stat small{font-size:10px;color:#677486}
.visual{min-height:520px;display:grid;place-items:center;position:relative}
.poster-back{position:absolute;width:395px;height:430px;background:#0b1b31;border:1px solid #183253;transform:rotate(8deg) translate(36px,12px)}
.poster-back.b2{transform:rotate(-5deg) translate(-38px,5px);background:#0a1e38}
.poster{
  z-index:2;width:395px;height:510px;background:#02070b;border:1px solid #101a25;transform:rotate(1.5deg);
  box-shadow:0 34px 65px rgba(0,0,0,.36);display:flex;align-items:center;justify-content:center;flex-direction:column
}
.poster-mark{font-size:86px;line-height:1;font-weight:1000;letter-spacing:-.18em;transform:translateX(-9px)}
.poster-mark span{color:var(--blue)}
.poster-title{font-size:20px;letter-spacing:.17em;font-weight:1000;margin-top:6px}
.poster-line{width:175px;height:1px;background:linear-gradient(90deg,transparent,var(--blue),transparent);margin:26px 0 20px}
.poster-sub{font-size:8px;letter-spacing:.38em;color:#687587;font-weight:800}
.status{position:absolute;right:0;bottom:72px;z-index:5;min-width:203px;border:1px solid #172638;border-radius:17px;padding:15px 17px;background:#07101a;display:flex;gap:12px;align-items:center}
.dot{width:9px;height:9px;background:var(--green);border-radius:50%;box-shadow:0 0 14px var(--green)}
.status b{font-size:11px;display:block}.status small{font-size:9px;color:#637084}
.section{padding:92px 0;border-top:1px solid rgba(255,255,255,.07)}
.section-tag{color:#62aaff;font-size:10px;letter-spacing:.27em;font-weight:1000;text-transform:uppercase}
.section h2{font-size:clamp(40px,5vw,63px);letter-spacing:-.055em;line-height:.95;margin:18px 0 14px}
.section-lead{max-width:720px;color:#8490a1;line-height:1.75;margin:0}
.domain-layout{display:grid;grid-template-columns:.88fr 1.12fr;gap:70px;align-items:center;margin-top:38px}
.domain-card{padding:38px;border:1px solid #15477b;border-radius:24px;background:linear-gradient(180deg,#081422,#050d17);box-shadow:0 30px 75px rgba(0,0,0,.28)}
.domain-shell{display:flex;align-items:center;border:1px solid #15263b;border-radius:16px;background:#03080e;min-height:66px;padding:0 18px;gap:4px}
.domain-shell .www{color:#748196;font-size:13px}
.domain-shell input{flex:1;background:none;border:0;outline:0;color:#fff;font-size:16px;font-weight:800;min-width:0}
.check-button{margin-top:14px;width:100%}
.domain-result{display:none;margin-top:15px;padding:15px 17px;border-radius:14px;border:1px solid #17304c;background:#06101b}
.domain-result.show{display:block}
.domain-result.free{border-color:rgba(46,227,176,.35)}
.domain-result.taken{border-color:rgba(255,99,99,.32)}
.result-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.result-name{font-weight:900}.result-status{font-weight:900}
.free .result-status{color:var(--green)}.taken .result-status{color:#ff7b7b}
.register-link{display:none;margin-top:13px;width:100%}
.domain-result.free .register-link{display:flex}
.tld-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}
.tld{border:1px solid #13253a;border-radius:14px;padding:15px;background:#07101a}
.tld b{display:block;font-size:16px}.tld small{color:#788598;font-size:11px}
.checks{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:13px}
.checks li{color:#c4ccd8;font-size:14px;line-height:1.55}
.checks li:before{content:"✓";color:var(--green);font-weight:1000;margin-right:10px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:38px}
.card{border:1px solid #13263a;border-radius:20px;background:linear-gradient(180deg,#091522,#060e18);padding:25px;min-height:245px}
.card .num{width:40px;height:40px;display:grid;place-items:center;border:1px solid #1d5793;background:#0a2039;color:#76b7ff;border-radius:12px;font-size:12px;font-weight:1000;margin-bottom:24px}
.card h3{font-size:19px;margin:0 0 10px}.card p{color:#7c899a;font-size:13px;line-height:1.65;margin:0}
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:36px}
.step{padding:24px;border:1px solid #13263a;border-radius:20px;background:#07111d}
.step strong{font-size:32px;color:#1e65b8}.step h3{margin:17px 0 9px}.step p{margin:0;color:#7d8999;font-size:13px;line-height:1.65}
.cta{display:flex;justify-content:space-between;align-items:center;gap:25px;border:1px solid #164b82;border-radius:25px;padding:34px;background:radial-gradient(circle at 85% 50%,rgba(45,131,255,.16),transparent 33%),#08131f}
.cta h3{font-size:30px;margin:0 0 8px}.cta p{margin:0;color:#8190a3}
.footer{padding:31px 0 45px;border-top:1px solid rgba(255,255,255,.07);color:#687688;font-size:12px}
.footer-row{display:flex;justify-content:space-between;gap:25px}
.menu-btn{display:none}
@media(max-width:1050px){
  .links,.lang,.logout{display:none}.logo{min-width:0}.account{margin-left:auto}.hero{grid-template-columns:1fr}.visual{order:-1}.cards,.process{grid-template-columns:repeat(2,1fr)}.domain-layout{grid-template-columns:1fr}
}
@media(max-width:650px){
  .wrap{width:min(calc(100% - 24px),var(--max))}.topbar{height:70px}.account{display:none}.menu-btn{display:block;margin-left:auto}
  .hero{padding-top:45px}.hero h1{font-size:49px}.hero p{font-size:14px}.visual{min-height:400px}.poster,.poster-back{width:270px;height:350px}.poster{height:365px}
  .poster-mark{font-size:60px}.poster-title{font-size:15px}.status{right:-4px;bottom:18px}.stats{display:grid;grid-template-columns:repeat(3,1fr)}.stat{margin:0;padding:0 9px}
  .section{padding:66px 0}.cards,.process{grid-template-columns:1fr}.tld-row{grid-template-columns:repeat(2,1fr)}.domain-card{padding:22px}.cta{flex-direction:column;align-items:flex-start}.footer-row{flex-direction:column}
}
.lang span{cursor:pointer;user-select:none;transition:.2s}
.lang span:hover{color:#fff}