:root{--ink:#062b46;--muted:#587083;--blue:#0c9cf2;--blue-dark:#0874bf;--ice:#eef8fe;--line:#d6e5ee;--white:#fff;--shadow:0 24px 70px rgba(5,46,75,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;color:var(--ink);font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;background:#fff;line-height:1.55;overflow-x:hidden}a{color:inherit}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:0 28px}.brand img{display:block;width:230px;height:auto}.topbar nav{display:flex;align-items:center;gap:28px}.topbar nav a{text-decoration:none;font-size:14px;font-weight:700}.nav-cta{padding:11px 18px;border:1px solid var(--blue);border-radius:999px;color:var(--blue-dark)}
.hero{min-height:670px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:80px;max-width:1180px;margin:auto;padding:78px 28px 110px;position:relative}.hero:before{content:"";position:absolute;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(12,156,242,.16),rgba(12,156,242,0) 68%);right:-120px;top:10px;z-index:-1}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-weight:800;font-size:12px;color:var(--blue-dark);margin:0 0 18px}.hero h1{font-size:64px;line-height:1.04;letter-spacing:-.045em;margin:0 0 28px}.hero h1 span{color:var(--blue)}.hero-lead{font-size:20px;color:var(--muted);max-width:690px;margin:0 0 34px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:15px 24px;font-weight:800;text-decoration:none;border:0;cursor:pointer;font-size:15px}.button.primary{background:var(--blue);color:#fff;box-shadow:0 12px 28px rgba(12,156,242,.24)}.button.primary:hover{background:var(--blue-dark)}.button.secondary{background:var(--ice);color:var(--ink)}.trust-list{display:flex;gap:26px;flex-wrap:wrap;list-style:none;padding:0;margin:32px 0 0;color:var(--muted);font-size:13px}.trust-list li:before{content:"✓";color:var(--blue);font-weight:900;margin-right:7px}
.hero-panel{position:relative;overflow:hidden;background:linear-gradient(145deg,#07334f,#041d31);border-radius:24px;padding:38px;color:#fff;box-shadow:var(--shadow)}.panel-glow{position:absolute;width:220px;height:220px;border-radius:50%;background:rgba(12,156,242,.25);filter:blur(60px);right:-60px;top:-50px}.status-row{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#9fdbff;margin-bottom:28px}.pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:#31d99c;margin-right:8px;box-shadow:0 0 0 6px rgba(49,217,156,.12)}.hero-panel>strong{font-size:32px;letter-spacing:-.03em}.hero-panel>p{color:#b8cada;margin:6px 0 26px}.metric{display:flex;justify-content:space-between;padding:15px 0;border-top:1px solid rgba(255,255,255,.12);font-size:14px}.metric span{color:#a8bdcc}.metric b{color:#fff}.fingerprint{margin-top:18px;padding:12px;border-radius:8px;background:rgba(255,255,255,.06);color:#91b5cc;font-family:monospace;font-size:11px}
.steps{background:var(--ice);padding:100px 28px}.section-heading{max-width:1124px;margin:0 auto 48px}.section-heading h2,.requirements h2,.security h2,.registration h2{font-size:42px;line-height:1.1;letter-spacing:-.035em;margin:0}.step-grid{max-width:1124px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step-grid article{background:#fff;border:1px solid rgba(7,80,122,.08);border-radius:16px;padding:28px;min-height:230px}.step-grid article>span{font-size:12px;font-weight:900;color:var(--blue);letter-spacing:.1em}.step-grid h3{font-size:21px;margin:34px 0 10px}.step-grid p{color:var(--muted);font-size:14px;margin:0}
.requirements{max-width:1124px;margin:auto;padding:110px 28px;display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.requirements>div>p:last-child{color:var(--muted);font-size:17px}.requirements ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.requirements li{display:grid;grid-template-columns:180px 1fr;gap:22px;padding:22px 0;border-bottom:1px solid var(--line)}.requirements li span{color:var(--muted)}
.security{padding:20px 28px 110px}.security-card{max-width:1124px;margin:auto;border-radius:24px;background:linear-gradient(120deg,#e9f7ff,#f7fbfd);padding:68px;position:relative;overflow:hidden}.security-card:after{content:"";position:absolute;width:300px;height:300px;border:60px solid rgba(12,156,242,.08);border-radius:50%;right:-100px;bottom:-160px}.security-card>p:not(.eyebrow){max-width:750px;color:var(--muted);font-size:17px}.security-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.security-tags span{background:#fff;border:1px solid var(--line);padding:9px 13px;border-radius:999px;font-size:12px;font-weight:800}
.registration{background:#062b46;color:#fff;padding:110px max(28px,calc((100vw - 1124px)/2));display:grid;grid-template-columns:.75fr 1.25fr;gap:85px}.registration h2{font-size:46px}.registration-copy>p:not(.eyebrow){color:#bad0de;font-size:17px}.privacy-note{margin-top:34px;padding:20px;border-left:3px solid var(--blue);background:rgba(255,255,255,.05);display:grid;gap:7px}.privacy-note span{color:#b5c9d5;font-size:14px}.registration form{background:#fff;color:var(--ink);border-radius:20px;padding:34px;box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label{font-size:13px;font-weight:800}.form-grid .full{grid-column:1/-1}input,textarea{display:block;width:100%;margin-top:7px;border:1px solid var(--line);border-radius:9px;padding:13px 14px;font:inherit;color:var(--ink);background:#fbfdfe}input:focus,textarea:focus{outline:3px solid rgba(12,156,242,.16);border-color:var(--blue)}textarea{resize:vertical}.check{display:flex;gap:10px;align-items:flex-start;margin-top:17px;font-size:12px;color:#435f72}.check input{width:17px;height:17px;margin:1px 0 0;flex:0 0 auto}.check.optional{color:#6b8291}.honeypot{position:absolute;left:-9999px}.submit{width:100%;margin-top:24px}.submit[disabled]{opacity:.6;cursor:wait}.form-status{min-height:22px;margin:14px 0 0;font-size:13px;text-align:center}.form-status.error{color:#b52b3b}.form-status.success{color:#087a57}
footer{max-width:1180px;margin:auto;padding:40px 28px;display:flex;align-items:center;gap:24px;color:var(--muted);font-size:12px}footer img{width:150px}footer p{margin-right:auto}footer a{font-weight:800;color:var(--blue-dark)}
@media(max-width:900px){.topbar nav a:not(.nav-cta){display:none}.hero{grid-template-columns:1fr;gap:45px;padding-top:50px}.hero h1{font-size:50px}.hero-panel{max-width:560px}.step-grid{grid-template-columns:1fr 1fr}.requirements,.registration{grid-template-columns:1fr;gap:50px}.requirements{padding-top:80px}.registration{padding-top:80px}.security-card{padding:45px}}@media(max-width:600px){.topbar{height:70px;padding:0 18px}.brand img{width:185px}.nav-cta{padding:9px 13px}.hero{padding:45px 20px 80px}.hero h1{font-size:39px}.hero-lead{font-size:17px}.hero-actions .button{width:100%}.trust-list{display:grid;gap:8px}.step-grid{grid-template-columns:1fr}.steps{padding:75px 20px}.section-heading h2,.requirements h2,.security h2,.registration h2{font-size:34px}.requirements{padding:80px 20px;gap:35px}.requirements li{grid-template-columns:1fr;gap:6px}.security{padding:0 20px 80px}.security-card{padding:34px 25px}.registration{padding:75px 20px}.registration form{padding:24px 18px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}footer{align-items:flex-start;flex-direction:column;padding:30px 20px}footer p{margin:0}}
.captcha {
  margin: 1rem 0;
}

.captcha p {
  color: #60758a;
  font-size: .82rem;
  margin: 0;
}

.captcha-unavailable {
  color: #b42318;
  font-size: .9rem;
  margin: 0;
}

.preparation {
  padding: 0 28px 110px;
}

.preparation-card {
  max-width: 1124px;
  margin: auto;
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 64px;
  padding: 60px;
  border-radius: 24px;
  background: linear-gradient(145deg, #07334f, #041d31);
  color: #fff;
  box-shadow: var(--shadow);
}

.preparation-copy h2 {
  margin: 0;
  font-size: 42px;
  line-height: 1.1;
  letter-spacing: -.035em;
}

.preparation-copy > p:not(.eyebrow) {
  margin: 22px 0 0;
  color: #bad0de;
  font-size: 17px;
}

.preparation-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 30px;
}

.exclusive-machine-note {
  margin-top: 26px;
  padding: 20px 22px;
  border: 1px solid rgba(85,200,255,.35);
  border-left: 4px solid #55c8ff;
  border-radius: 12px;
  background: rgba(12,156,242,.1);
}

.exclusive-machine-note > span {
  display: block;
  margin-bottom: 7px;
  color: #55c8ff;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.exclusive-machine-note strong {
  display: block;
  color: #fff;
  font-size: 17px;
}

.exclusive-machine-note p {
  margin: 7px 0 0;
  color: #bad0de;
  font-size: 13px;
}

.preparation-actions .secondary {
  color: #fff;
  background: rgba(255,255,255,.09);
  border: 1px solid rgba(255,255,255,.18);
}

.preparation-checklist {
  border-top: 1px solid rgba(255,255,255,.13);
}

.preparation-checklist > div {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 14px;
  padding: 19px 0;
  border-bottom: 1px solid rgba(255,255,255,.13);
}

.preparation-checklist span {
  color: #55c8ff;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .1em;
}

.preparation-checklist p {
  margin: 0;
  color: #a8bdcc;
  font-size: 13px;
}

.preparation-checklist b {
  display: block;
  margin-bottom: 3px;
  color: #fff;
  font-size: 14px;
}

.support-note {
  max-width: 1124px;
  margin: 18px auto 0;
  color: var(--muted);
  font-size: 13px;
  text-align: center;
}

.support-note a {
  color: var(--blue-dark);
  font-weight: 800;
}

@media (max-width: 900px) {
  .preparation-card {
    grid-template-columns: 1fr;
    gap: 40px;
    padding: 45px;
  }
}

@media (max-width: 600px) {
  .preparation {
    padding: 0 20px 80px;
  }

  .preparation-card {
    padding: 34px 25px;
  }

  .preparation-copy h2 {
    font-size: 34px;
  }

  .preparation-actions .button {
    width: 100%;
  }
}

body.modal-open {
  overflow: hidden;
}

.feedback-modal[hidden] {
  display: none;
}

.feedback-modal {
  align-items: center;
  display: flex;
  inset: 0;
  justify-content: center;
  padding: 24px;
  position: fixed;
  z-index: 1000;
}

.feedback-modal__backdrop {
  background: rgba(2, 27, 45, .78);
  inset: 0;
  position: absolute;
}

.feedback-modal__dialog {
  animation: feedback-modal-in .2s ease-out;
  background: #fff;
  border-radius: 24px;
  box-shadow: 0 30px 90px rgba(0, 26, 44, .35);
  color: var(--ink);
  max-width: 590px;
  padding: 48px 46px 42px;
  position: relative;
  text-align: center;
  width: 100%;
}

.feedback-modal__dialog:focus {
  outline: 4px solid rgba(12, 156, 242, .28);
  outline-offset: 4px;
}

.feedback-modal__close {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 50%;
  color: #60758a;
  cursor: pointer;
  display: flex;
  font-size: 30px;
  height: 42px;
  justify-content: center;
  line-height: 1;
  position: absolute;
  right: 18px;
  top: 16px;
  width: 42px;
}

.feedback-modal__close:hover,
.feedback-modal__close:focus {
  background: var(--ice);
  color: var(--ink);
  outline: none;
}

.feedback-modal__icon {
  align-items: center;
  background: #e8f8f1;
  border-radius: 50%;
  color: #087a57;
  display: flex;
  font-size: 38px;
  font-weight: 900;
  height: 88px;
  justify-content: center;
  margin: 0 auto 24px;
  width: 88px;
}

.feedback-modal.success .feedback-modal__icon::before {
  content: "✓";
}

.feedback-modal.error .feedback-modal__icon {
  background: #fff0f1;
  color: #c72f3f;
}

.feedback-modal.error .feedback-modal__icon::before {
  content: "!";
}

.feedback-modal__eyebrow {
  color: var(--blue-dark);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .14em;
  margin: 0 0 10px;
  text-transform: uppercase;
}

.feedback-modal__dialog h2 {
  font-size: 34px;
  letter-spacing: -.03em;
  line-height: 1.12;
  margin: 0;
}

.feedback-modal__dialog > p:not(.feedback-modal__eyebrow) {
  color: var(--muted);
  font-size: 18px;
  margin: 18px auto 30px;
  max-width: 470px;
}

.feedback-modal__action {
  min-width: 180px;
}

@keyframes feedback-modal-in {
  from {
    opacity: 0;
    transform: translateY(14px) scale(.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@media (max-width: 600px) {
  .feedback-modal {
    padding: 16px;
  }

  .feedback-modal__dialog {
    border-radius: 19px;
    padding: 42px 24px 30px;
  }

  .feedback-modal__dialog h2 {
    font-size: 28px;
  }

  .feedback-modal__dialog > p:not(.feedback-modal__eyebrow) {
    font-size: 16px;
  }

  .feedback-modal__action {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .feedback-modal__dialog {
    animation: none;
  }
}