.form-note{color:var(--muted); font-size:0.85rem; margin-top:6px;}
.ct-panel{
  position:relative; overflow:hidden; display:grid; grid-template-columns:minmax(0, .9fr) minmax(0, 1.1fr); gap:56px;
  margin-top:20px; padding:56px; border-radius:14px; border:1px solid rgba(169,194,245,.22);
  background:radial-gradient(90% 70% at 0% 0%, rgba(76,141,255,.22), rgba(76,141,255,0) 60%), radial-gradient(70% 60% at 100% 100%, rgba(217,169,77,.12), rgba(217,169,77,0) 60%), linear-gradient(160deg, #0E2A52, var(--navy-950) 55%, #071730);
  color:#DCE5F7;
}
.ct-stars{position:absolute; inset:0; width:100%; height:100%; pointer-events:none; opacity:.55;}
.ct-stars-lines path{fill:none; stroke:rgba(143,176,245,.18); stroke-width:1;}
.ct-stars-dots circle{fill:#5B9BFF; opacity:.5; animation:ct-twinkle 4s ease-in-out infinite alternate;}
.ct-stars-dots circle:nth-child(3n){animation-delay:1.3s;}
.ct-stars-dots circle:nth-child(3n+1){animation-delay:2.6s;}
.ct-stars-dots .gold{fill:var(--gold-400); opacity:.9;}
.ct-side, .ct-form{position:relative; z-index:1;}
.ct-side .slug{color:#8FA3CE;}
.ct-side h2{color:#F5F8FF; margin-top:14px; font-size:clamp(1.5rem, 2.4vw, 2rem);}
.ct-side > p{color:#AEBBD6; margin:14px 0 0; max-width:420px;}
.ct-layers{position:relative; list-style:none; margin:34px 0 0; padding:0 0 0 4px;}
.ct-layers::before{content:""; position:absolute; left:21px; top:16px; bottom:16px; width:1px; background:linear-gradient(rgba(143,176,245,.5), rgba(143,176,245,.12));}
.ct-layers::after{
  content:""; position:absolute; left:17px; top:12px; width:9px; height:9px; border-radius:50%;
  background:var(--gold-400); box-shadow:0 0 0 4px rgba(217,169,77,.18), 0 0 18px rgba(217,169,77,.8);
  animation:ct-scan 6s cubic-bezier(.65,0,.35,1) infinite;
}
.ct-layers li{position:relative; display:flex; gap:16px; align-items:flex-start; padding:12px 0;}
.ct-layers .ct-layer-num{
  flex-shrink:0; display:grid; place-items:center; width:36px; height:36px; border-radius:50%;
  font-family:'IBM Plex Mono', monospace; font-size:.72rem; color:#CFDBF5;
  background:#0D2348; border:1px solid rgba(143,176,245,.35);
  animation:ct-layer-glow 6s ease-in-out infinite;
}
.ct-layers li:nth-child(2) .ct-layer-num{animation-delay:1.25s;}
.ct-layers li:nth-child(3) .ct-layer-num{animation-delay:2.5s;}
.ct-layers li:nth-child(4) .ct-layer-num{animation-delay:3.75s;}
.ct-layers li > div{min-width:0;}
.ct-layers strong{display:block; font-family:'Doppio One', sans-serif; font-weight:400; font-size:1.08rem; color:#F5F8FF;}
.ct-layers div span{display:block; color:#9FB0D2; font-size:.92rem;}
.ct-direct{margin-top:34px; padding-top:24px; border-top:1px solid rgba(255,255,255,.1); display:flex; flex-direction:column; gap:6px;}
.ct-direct a{color:var(--gold-400); font-weight:700; width:max-content;}
.ct-direct a:hover{text-decoration:underline; text-underline-offset:3px;}
.ct-direct span{color:#9FB0D2; font-size:.92rem;}
.ct-form{
  display:flex; flex-direction:column; gap:20px; padding:30px; border-radius:12px;
  background:rgba(7,20,42,.55); border:1px solid rgba(169,194,245,.2); backdrop-filter:blur(8px);
  box-shadow:0 30px 60px rgba(0,0,0,.25);
}
.ct-form-head{display:flex; align-items:center; justify-content:space-between; gap:16px; padding-bottom:16px; border-bottom:1px solid rgba(255,255,255,.08);}
.ct-form-head .slug{color:#8FA3CE;}
.ct-progress{display:flex; gap:5px;}
.ct-progress i{width:26px; height:4px; border-radius:4px; background:rgba(143,176,245,.2); transition:background-color .4s ease, box-shadow .4s ease;}
.ct-progress i.on{background:var(--gold-400); box-shadow:0 0 10px rgba(217,169,77,.6);}
.ct-symptoms{border:0; margin:0; padding:0; min-width:0; display:flex; flex-wrap:wrap; gap:8px;}
.ct-symptoms legend{padding:0; margin-bottom:10px; font-size:.88rem; font-weight:700; color:#DCE5F7;}
.ct-symptoms label{cursor:pointer;}
.ct-symptoms input{position:absolute; opacity:0; pointer-events:none;}
.ct-symptoms span{
  display:inline-block; padding:7px 13px; border-radius:999px; font-size:.84rem; color:#CFDBF5;
  border:1px solid rgba(143,176,245,.3); background:rgba(255,255,255,.03);
  transition:background-color .25s ease, border-color .25s ease, color .25s ease, transform .25s ease;
}
.ct-symptoms label:hover span{border-color:rgba(143,176,245,.65); transform:translateY(-1px);}
.ct-symptoms input:checked + span{background:var(--gold-400); border-color:var(--gold-400); color:#1B1200; font-weight:700;}
.ct-symptoms input:focus-visible + span{outline:2px solid var(--gold-400); outline-offset:2px;}
.ct-row{display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); gap:16px;}
.ct-field{display:flex; flex-direction:column; gap:8px;}
.ct-field label{font-size:.88rem; font-weight:700; color:#DCE5F7;}
.ct-field input, .ct-field textarea{
  width:100%; font-family:'Bellota Text', sans-serif; font-size:1rem; padding:12px 14px; color:#F5F8FF;
  background:rgba(255,255,255,.05); border:1px solid rgba(143,176,245,.25); border-radius:8px;
  transition:border-color .25s ease, box-shadow .25s ease, background-color .25s ease;
}
.ct-field input::placeholder, .ct-field textarea::placeholder{color:#7083AA;}
.ct-field input:focus, .ct-field textarea:focus{outline:none; border-color:var(--gold-400); background:rgba(255,255,255,.08); box-shadow:0 0 0 3px rgba(217,169,77,.18);}
.ct-field textarea{resize:vertical; min-height:120px;}
.ct-url{
  display:flex; align-items:center; border:1px solid rgba(143,176,245,.25); border-radius:8px; background:rgba(255,255,255,.05);
  transition:border-color .25s ease, box-shadow .25s ease, background-color .25s ease;
}
.ct-url-prefix{padding:12px 0 12px 14px; font-size:1rem; color:#7083AA; user-select:none;}
.ct-field .ct-url input{flex:1; min-width:0; padding-left:2px; border:0; background:none; box-shadow:none;}
.ct-field .ct-url input:focus{border:0; background:none; box-shadow:none;}
.ct-url:focus-within{border-color:var(--gold-400); background:rgba(255,255,255,.08); box-shadow:0 0 0 3px rgba(217,169,77,.18);}
.ct-field .ct-url input:-webkit-autofill{border:0;}
.ct-field input:-webkit-autofill,
.ct-field input:-webkit-autofill:hover,
.ct-field input:-webkit-autofill:focus{
  -webkit-text-fill-color:#F5F8FF; caret-color:#F5F8FF;
  transition:background-color 600000s 0s, color 600000s 0s;
}
.ct-field input:-webkit-autofill{border-color:rgba(143,176,245,.25);}
.ct-field input:-webkit-autofill:focus{border-color:var(--gold-400);}
.ct-form.tried .ct-field :invalid{border-color:#E07A6B;}
.ct-preview{
  display:flex; align-items:center; gap:10px; padding:7px 10px; border-radius:8px;
  background:linear-gradient(#1C2438, #141B2D); border:1px solid rgba(255,255,255,.06);
}
.ct-preview-url{flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-family:'IBM Plex Mono', monospace; font-size:.74rem; color:#6E7EA3;}
.ct-preview-status{font-family:'IBM Plex Mono', monospace; font-size:.68rem; color:#6E7EA3; white-space:nowrap;}
.ct-preview.ready .ct-preview-url{color:#DCE5F7;}
.ct-preview.ready .ct-preview-status{color:var(--gold-400);}
.ct-preview.ready .ct-preview-status::before{content:""; display:inline-block; width:6px; height:6px; margin-right:6px; border-radius:50%; background:var(--gold-400); animation:ct-blink 1.2s ease-in-out infinite;}
.ct-submit{display:flex; align-items:center; flex-wrap:wrap; gap:10px 18px;}
.ct-btn{
  cursor:pointer; border:0; border-radius:8px; padding:13px 22px; font-family:inherit; font-size:.95rem; font-weight:700;
  color:#1B1200; background:var(--gold-400); box-shadow:0 10px 30px rgba(217,169,77,.25);
  transition:transform .25s ease, box-shadow .25s ease, background-color .25s ease;
}
.ct-btn span{display:inline-block; transition:transform .25s ease;}
.ct-btn:hover{background:#E4B865; transform:translateY(-2px); box-shadow:0 14px 34px rgba(217,169,77,.4);}
.ct-btn:hover span{transform:translateX(4px);}
.ct-submit .form-note{margin:0; color:#8C9CC0; font-size:.82rem;}
.ct-submit .form-note a{color:#C9D5EE; text-decoration:underline; text-underline-offset:2px;}
.ct-botcheck{position:absolute; left:-9999px; width:1px; height:1px; opacity:0;}
.ct-status{flex-basis:100%; margin:0; font-size:.9rem; color:#AEBBD6;}
.ct-status:empty{display:none;}
.ct-status.is-sending::before{content:""; display:inline-block; width:12px; height:12px; margin-right:8px; vertical-align:-1px; border-radius:50%; border:2px solid rgba(217,169,77,.3); border-top-color:var(--gold-400); animation:ct-spin .8s linear infinite;}
.ct-status.is-ok{padding:12px 14px; border-radius:8px; color:#DCE5F7; background:rgba(63,211,140,.1); border:1px solid rgba(63,211,140,.35);}
.ct-status.is-ok strong{color:#7FE3B0;}
.ct-status.is-error{padding:12px 14px; border-radius:8px; color:#F3C9C2; background:rgba(224,122,107,.1); border:1px solid rgba(224,122,107,.4);}
.ct-status.is-error a{color:#FFFFFF; text-decoration:underline;}
.ct-btn:disabled{opacity:.6; cursor:default; transform:none; box-shadow:none;}
.ct-form.is-sent .ct-btn{display:none;}
@media (max-width:960px){
  .ct-panel{grid-template-columns:minmax(0, 1fr); gap:40px; padding:40px 32px;}
}
@media (max-width:600px){
  .ct-panel{padding:28px 18px; margin-left:-6px; margin-right:-6px;}
  .ct-form{padding:22px 18px;}
  .ct-stars{opacity:.3;}
  .ct-stars-dots .gold{display:none;}
  .ct-progress i{width:16px;}
  .ct-row{grid-template-columns:minmax(0, 1fr);}
  .ct-preview-status{display:none;}
  .ct-preview.ready .ct-preview-status{display:inline;}
}
@media (prefers-reduced-motion:reduce){
  .ct-layers::after, .ct-layer-num, .ct-stars-dots circle, .ct-preview.ready .ct-preview-status::before{animation:none;}
  .ct-layers::after{display:none;}
}
@keyframes ct-twinkle{from{opacity:.25;} to{opacity:.85;}}
@keyframes ct-scan{0%{top:12px; opacity:0;} 8%{opacity:1;} 85%{opacity:1;} 100%{top:calc(100% - 22px); opacity:0;}}
@keyframes ct-layer-glow{0%, 30%, 100%{border-color:rgba(143,176,245,.35); color:#CFDBF5; box-shadow:none;} 12%{border-color:var(--gold-400); color:var(--gold-400); box-shadow:0 0 18px rgba(217,169,77,.35);}}
@keyframes ct-blink{50%{opacity:.2;}}
@keyframes ct-spin{to{transform:rotate(360deg);}}