:root{
  --form-bg:#2b5f83;
  --form-card:#123b5b;
  --form-card-2:#0d2c46;
  --form-line:rgba(82,196,242,.28);
  --form-accent:#35bdf4;
  --form-green:#20dfa0;
  --form-text:#f7fbff;
  --form-muted:#c4d6e2;
}
html{background:#fff}
body.form-page{
  width:min(1280px,100%);
  margin:0 auto;
  min-height:100vh;
  background:var(--form-bg);
  color:var(--form-text);
  font-family:Cairo,Arial,sans-serif;
}
.form-header{
  height:82px;background:#061d31;border-bottom:1px solid rgba(255,255,255,.07);
}
.form-nav{
  width:min(1180px,calc(100% - 64px));height:82px;margin:auto;
  display:flex;align-items:center;justify-content:space-between;gap:20px;
}
.form-nav img{width:190px;max-height:60px;object-fit:contain;filter:brightness(0) invert(1)}
.form-nav-actions{display:flex;gap:10px;align-items:center}
.form-nav-actions a,.form-nav-actions button{
  height:40px;padding:0 16px;border-radius:8px;border:1px solid var(--form-line);
  background:#0b2b45;color:#fff;font-family:inherit;display:inline-flex;align-items:center;
  justify-content:center;cursor:pointer;text-decoration:none;
}
.form-hero{
  padding:54px 0 28px;text-align:center;
  background:radial-gradient(circle at 50% 0%,rgba(53,189,244,.12),transparent 34%);
}
.form-hero .eyebrow{color:var(--form-green);font-size:13px;font-weight:800;letter-spacing:1px}
.form-hero h1{font-size:clamp(34px,4vw,54px);margin:8px 0 12px;line-height:1.25}
.form-hero p{max-width:760px;margin:auto;color:var(--form-muted);line-height:1.9;font-size:14px}
.form-shell{
  width:min(1180px,calc(100% - 64px));margin:0 auto 64px;
  display:grid;grid-template-columns:.78fr 1.22fr;gap:24px;align-items:start;
}
.info-panel,.form-card{
  border:1px solid var(--form-line);border-radius:18px;
  background:linear-gradient(145deg,rgba(18,59,91,.98),rgba(10,39,63,.98));
  box-shadow:0 22px 55px rgba(0,0,0,.16);
}
.info-panel{padding:30px;position:sticky;top:22px}
.info-panel h2{margin:0 0 10px;font-size:25px}
.info-panel>p{margin:0 0 24px;color:var(--form-muted);line-height:1.9;font-size:13px}
.info-list{display:grid;gap:13px}
.info-item{
  display:grid;grid-template-columns:46px 1fr;gap:13px;align-items:center;
  padding:14px;border:1px solid rgba(83,190,242,.17);border-radius:12px;background:rgba(255,255,255,.025)
}
.info-icon{
  width:46px;height:46px;border-radius:11px;display:grid;place-items:center;
  border:1px solid rgba(32,223,160,.34);color:var(--form-green);font-size:21px;background:#082a43
}
.info-item strong{display:block;font-size:14px}
.info-item span,.info-item a{display:block;color:var(--form-muted);font-size:12px;margin-top:3px;text-decoration:none}
.form-card{padding:30px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}
.field{display:grid;gap:7px}
.field.full{grid-column:1/-1}
.field label{font-size:13px;font-weight:700;color:#eef8fc}
.field label em{font-style:normal;color:var(--form-green)}
.field input,.field select,.field textarea{
  width:100%;border:1px solid rgba(102,189,227,.24);border-radius:10px;
  background:#082a43;color:#fff;font-family:inherit;font-size:13px;
  padding:13px 14px;outline:none;transition:.2s ease;
}
.field textarea{min-height:135px;resize:vertical;line-height:1.8}
.field input:focus,.field select:focus,.field textarea:focus{
  border-color:rgba(53,189,244,.72);box-shadow:0 0 0 3px rgba(53,189,244,.10)
}
.field input::placeholder,.field textarea::placeholder{color:#7894a7}
.form-section-title{
  grid-column:1/-1;margin:8px 0 0;padding-top:15px;border-top:1px solid rgba(111,199,232,.14)
}
.form-section-title:first-child{border-top:0;padding-top:0}
.form-section-title h3{margin:0;font-size:18px}
.form-section-title p{margin:4px 0 0;color:var(--form-muted);font-size:11.5px}
.choice-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.choice input{display:none}
.choice label{
  min-height:54px;border:1px solid rgba(102,189,227,.23);border-radius:10px;
  display:flex;align-items:center;justify-content:center;text-align:center;padding:9px;
  background:#082a43;color:#d9e8f0;font-size:12px;font-weight:700;cursor:pointer;transition:.2s ease
}
.choice input:checked+label{
  color:#fff;border-color:var(--form-accent);background:linear-gradient(135deg,#176fa9,#25a9dc);
  box-shadow:0 8px 22px rgba(30,141,205,.20)
}
.file-box{
  border:1px dashed rgba(53,189,244,.48);border-radius:12px;padding:18px;text-align:center;
  background:rgba(53,189,244,.035)
}
.file-box input{background:transparent;border:0;padding:6px}
.file-box small{display:block;color:var(--form-muted);margin-top:6px}
.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.form-actions{grid-column:1/-1;display:flex;justify-content:flex-start;align-items:center;gap:14px;margin-top:8px}
.submit-btn{
  min-width:190px;height:50px;border:0;border-radius:9px;padding:0 28px;
  background:linear-gradient(135deg,#188bd4,#35bdf4);color:#fff;font-family:inherit;
  font-weight:800;font-size:14px;cursor:pointer;box-shadow:0 13px 30px rgba(24,139,212,.25)
}
.submit-btn:disabled{opacity:.6;cursor:not-allowed}
.form-note{color:var(--form-muted);font-size:11.5px}
.alert{margin-bottom:18px;padding:14px 16px;border-radius:10px;font-size:13px;line-height:1.7}
.alert.success{background:rgba(32,223,160,.10);border:1px solid rgba(32,223,160,.34);color:#dffff4}
.alert.error{background:rgba(255,100,100,.09);border:1px solid rgba(255,110,110,.32);color:#ffe1e1}
.form-footer{background:#061d31;text-align:center;padding:22px;color:#8fa7b7;font-size:11.5px}
[dir="ltr"] .form-shell,[dir="ltr"] .form-grid,[dir="ltr"] .choice-grid{direction:ltr}
[dir="ltr"] .field,[dir="ltr"] .info-panel,[dir="ltr"] .form-card{text-align:left}
@media(max-width:900px){
  .form-shell{grid-template-columns:1fr}.info-panel{position:relative;top:auto}
}
@media(max-width:650px){
  .form-nav,.form-shell{width:calc(100% - 28px)}
  .form-nav img{width:150px}.form-nav-actions a{display:none}
  .form-hero{padding:38px 14px 22px}.form-hero h1{font-size:34px}
  .form-card,.info-panel{padding:20px}.form-grid{grid-template-columns:1fr}
  .field.full,.form-section-title,.choice-grid,.form-actions{grid-column:auto}
  .choice-grid{grid-template-columns:1fr 1fr}
  .form-actions{align-items:stretch;flex-direction:column}.submit-btn{width:100%}
}