:root{







  font-family:







    Segoe UI,







    Arial,







    sans-serif;















  color:#edf4ff;







  background:#07101d;







}















*{







  box-sizing:border-box;







}















body{







  margin:0;







  min-height:100vh;







  background:







    radial-gradient(







      circle at top,







      #14243a 0,







      #07101d 42%







    );







}















.wrap{







  width:calc(100% - 30px);







  max-width:760px;







  margin:0 auto;







  padding:48px 0 70px;







}















.brand{







  text-align:center;







  margin-bottom:28px;







}















.brand h1{







  margin:0;







  font-size:34px;







}















.bolt{







  color:#ffd34d;







}















.brand p{







  margin:8px 0 0;







  color:#9eafc5;







}















.card{







  background:#101b2b;







  border:1px solid #263950;







  border-radius:18px;







  padding:26px;







  box-shadow:







    0 20px 60px rgba(0,0,0,.25);







}















h2{







  margin-top:0;







  margin-bottom:8px;







}















.intro{







  color:#aebcd0;







  margin-top:0;







  line-height:1.55;







}















label{







  display:block;







  color:#b9c7d9;







  font-size:13px;







  font-weight:600;







  margin:18px 0 7px;







}















input{







  width:100%;







  padding:12px 13px;







  border-radius:9px;







  border:1px solid #38506e;







  background:#091321;







  color:#fff;







  font-size:16px;







}















input:focus{







  outline:none;







  border-color:#ffd34d;







}















.address-row{







  display:grid;







  grid-template-columns:minmax(0,1fr) auto;







  gap:10px;







  align-items:end;







}















.address-preview{







  margin-top:8px;







  color:#93a4bb;







  font-size:13px;







}















.btn{







  border:1px solid #38506e;







  background:#17273b;







  color:#fff;







  border-radius:9px;







  padding:12px 15px;







  cursor:pointer;







  font-weight:700;







  white-space:nowrap;







}















.btn.primary{







  background:#ffd34d;







  color:#101827;







  border-color:#ffd34d;







}















.btn:disabled{







  opacity:.45;







  cursor:not-allowed;







}















.result{







  display:none;







  margin-top:14px;







  padding:12px 14px;







  border-radius:10px;







  line-height:1.45;







}















.result.good{







  display:block;







  background:#173e2b;







  color:#baf2cf;







  border:1px solid #2b6948;







}















.result.bad{







  display:block;







  background:#4b202b;







  color:#ffc4cd;







  border:1px solid #753545;







}















.next{







  margin-top:24px;







  padding-top:20px;







  border-top:1px solid #263950;







}















.note{







  margin-top:12px;







  color:#93a4bb;







  font-size:12px;







  line-height:1.5;







}















@media(max-width:600px){















  .wrap{







    padding-top:24px;







  }















  .card{







    padding:20px;







  }















  .address-row{







    grid-template-columns:1fr;







  }















  .address-row .btn{







    width:100%;







  }















}
















/* Former style="" attributes (CSP step 4b). */
.signup-domain-select{min-width:165px;padding:11px 12px;border-radius:10px;border:1px solid #30475a;background:#091722;color:#fff;font:inherit;cursor:pointer}
.note.signup-plan-info{margin-top:10px;margin-bottom:4px}
.signup-continue-title{margin-top:0}
.note.signup-continue-note{margin-top:0;margin-bottom:14px;font-size:13px}
.btn.signup-continue-button{margin-top:12px}
.intro.signup-check-email-note{margin-top:20px}