body{
  margin:0;
  background:
    radial-gradient(circle at top, rgba(42,93,143,.14), transparent 34%),
    linear-gradient(180deg, #02050a 0%, #000 100%);
  color:#cfe5ff;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}

.wrap{
  max-width:860px;
  margin:36px auto 60px;
  padding:0 18px;
}


.titleRow{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:40px;
  margin:0 0 20px;
  width:100%;
}

.titleLogo{
  height:72px;
  width:auto;
  display:block;
  flex:0 0 auto;
  opacity:0.9;
  filter:brightness(1.08) contrast(0.9);
}

.titleRow h1{
  margin:0;
  font-size:26px;
  line-height:1.1;
  color:#d9ebff;
  letter-spacing:-.02em;
}

.sub{
  margin:0 0 22px;
  color:#7fb2e6;
}

.card{
  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;
  padding:18px;
  background:rgba(255,255,255,.03);
  margin-bottom:18px;
}

.sectionTitle{
  font-size:15px;
  font-weight:800;
  margin:6px 0 14px;
  color:#d9ebff;
}

.grid2{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.grid3{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:14px;
}

@media (max-width:720px){
  .grid2{grid-template-columns:1fr;}
  .grid3{grid-template-columns:1fr;}
}

.fieldWrap{
  margin-bottom:14px;
}

.activationNote{
  margin-top:4px;
  font-size:13px;
  line-height:1.45;
  color:rgba(170,205,255,0.72);
  text-align:center;
}

.activationNote span{
  color:rgba(170,205,255,0.55);
}

label{
  display:block;
  font-size:13px;
  color:#8fb7e8;
  margin:0 0 6px;
}

input, select, textarea{
  width:100%;
  box-sizing:border-box;
  padding:12px;
  border-radius:10px;
  border:1px solid rgba(95,143,190,.25);
  background:linear-gradient(180deg, rgba(10,18,32,.95) 0%, rgba(6,12,22,.98) 100%);
  color:#d9ebff;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    inset 0 -1px 0 rgba(0,0,0,.4);
}

input:focus, select:focus, textarea:focus{
  outline:none;
  border-color:#5f8fbe;
  box-shadow:
    0 0 0 1px rgba(95,143,190,.35),
    inset 0 1px 0 rgba(255,255,255,.03);
}

/* Date picker icon enhancement */
input[type="date"]::-webkit-calendar-picker-indicator{
  filter: invert(85%) sepia(30%) saturate(800%) hue-rotate(180deg);
  transform: scale(1.6);
  cursor: pointer;
  opacity: 1;
}

input[type="date"]{
  padding-right:46px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
  -webkit-text-fill-color:#d9ebff !important;
  -webkit-box-shadow:0 0 0 1000px rgba(10,18,32,.98) inset !important;
  box-shadow:0 0 0 1000px rgba(10,18,32,.98) inset !important;
  border:1px solid rgba(95,143,190,.25) !important;
  transition:background-color 9999s ease-out 0s;
}

.fieldError{
  border:1px solid #2a5d8f !important;
  background:rgba(42,93,143,.08);
  box-shadow:0 0 0 1px rgba(42,93,143,.35);
}

textarea{
  min-height:110px;
  resize:vertical;
}

.actions{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:12px;
}

button{
  border:0;
  border-radius:10px;
  padding:12px 16px;
  background:#1f5a3f;
  color:#fff;
  font-weight:800;
  cursor:pointer;
}

button:disabled{
  opacity:.65;
  cursor:default;
}

.statusText{
  color:#7fb2e6;
  font-size:13px;
}

.hidden{
  display:none;
}

.resultCard a{
  color:#8fc2ff;
  word-break:break-word;
}

.resultRow{
  margin:12px 0;
}

.resultLabel{
  font-size:12px;
  color:#8fb7e8;
  text-transform:uppercase;
  margin-bottom:4px;
}