.pilot-hero{position:relative;min-height:330px;display:flex;align-items:center;border-bottom:1px solid rgba(55,217,255,.35);overflow:hidden;background:linear-gradient(90deg,rgba(2,9,20,.98),rgba(3,20,42,.76),rgba(2,9,20,.84)),url('assets/hd/codm-hero-hd.webp') right 35%/58% auto no-repeat}
.pilot-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 74% 50%,rgba(55,217,255,.15),transparent 28%),linear-gradient(0deg,#020914 0%,transparent 40%)}
.pilot-hero-copy{position:relative;z-index:2;padding:56px 0;max-width:1380px}.pilot-hero-copy>h1{font-size:clamp(39px,5vw,67px);margin:7px 0 14px}.pilot-hero-copy>p{max-width:700px;color:#c0d8e8;font-size:18px;line-height:1.55;margin:0}.pilot-note{margin-top:22px;max-width:770px;border:1px solid rgba(55,217,255,.28);background:rgba(4,24,43,.74);padding:13px 16px;border-radius:10px;color:#a9cadd;font-size:14px}.pilot-note strong{color:#7ce8ff}
.pilot-games{padding:42px 0 78px}.pilot-title-row{margin-bottom:24px}.pilot-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:980px}.pilot-game-card{appearance:none;border:1px solid rgba(55,217,255,.48);border-radius:16px;padding:0;overflow:hidden;color:#fff;background:linear-gradient(145deg,rgba(7,29,53,.94),rgba(3,13,28,.96));text-align:left;cursor:pointer;box-shadow:0 0 24px rgba(0,150,230,.08);transition:.24s ease}.pilot-game-card:hover{transform:translateY(-6px);border-color:#82ebff;box-shadow:0 0 34px rgba(38,204,255,.19)}.pilot-game-art{aspect-ratio:1.8/1;background-size:cover;background-position:center 28%;position:relative}.pilot-game-art:after{content:"";position:absolute;inset:42% 0 0;background:linear-gradient(transparent,#061426)}.pilot-game-body{padding:20px 22px 22px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.pilot-game-body span{font-family:'Orbitron',sans-serif;font-size:9px;color:#5adfff;letter-spacing:.16em}.pilot-game-body h3{font-size:20px;margin:6px 0 0}.pilot-game-body>b{font-family:'Orbitron',sans-serif;font-size:9px;color:#75e6ff;white-space:nowrap}.pilot-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:980px;margin-top:28px}.pilot-steps div{display:flex;gap:12px;align-items:center;padding:13px 15px;border:1px solid rgba(55,217,255,.16);border-radius:9px;background:rgba(5,23,42,.55);font-size:12px;color:#a7c1d2}.pilot-steps strong{font-family:'Orbitron',sans-serif;color:#51dbff}
.agreement-modal{position:fixed;inset:0;z-index:1000;display:none;overflow-y:auto;overflow-x:hidden;padding:18px 0;background:rgba(0,4,12,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.agreement-modal.open{display:block}.agreement-backdrop{position:fixed;inset:0;background:transparent}.agreement-panel{position:relative;margin:0 auto;width:min(970px,calc(100% - 28px));display:flex;flex-direction:column;border:1px solid rgba(62,215,255,.55);border-radius:16px;overflow:hidden;background:#05111f;box-shadow:0 25px 100px rgba(0,0,0,.64),0 0 34px rgba(48,205,255,.15)}.agreement-topbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px 24px;border-bottom:1px solid rgba(55,217,255,.22);background:linear-gradient(180deg,#081d34,#061524)}.agreement-topbar h2{font-size:20px;margin:3px 0 0}.agreement-kicker{font-family:'Orbitron',sans-serif;font-size:8px;letter-spacing:.19em;color:#53dbff}.modal-close{border:1px solid rgba(92,225,255,.36);background:rgba(7,29,48,.9);color:#dff8ff;width:38px;height:38px;border-radius:9px;font-size:25px;cursor:pointer}.agreement-scroll{overflow:visible;padding:22px 26px 28px}.agreement-summary{display:grid;grid-template-columns:1.6fr .8fr 1fr;gap:10px;margin-bottom:20px}.agreement-summary>div{border:1px solid rgba(55,217,255,.18);border-radius:9px;padding:12px 14px;background:rgba(7,29,51,.66)}.agreement-summary small{display:block;text-transform:uppercase;color:#789bb2;font-size:9px;letter-spacing:.1em;margin-bottom:5px}.agreement-summary strong{font-size:12px;color:#dff7ff}.agreement-copy{border:1px solid rgba(55,217,255,.16);border-radius:12px;padding:24px 26px;background:rgba(2,12,23,.7);color:#b9cfde;line-height:1.62;font-size:13px}.agreement-copy h3{font-size:18px;margin:0 0 16px;color:#effbff}.agreement-copy h4{font-family:'Orbitron',sans-serif;font-size:10px;letter-spacing:.06em;color:#73e4ff;margin:20px 0 5px}.agreement-copy p{margin:0}.signing-section{margin-top:22px;border-top:1px solid rgba(55,217,255,.26);padding-top:24px}.signing-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:17px}.signing-heading h3{font-size:20px;margin:4px 0 0}.signing-heading p{margin:0;color:#91aabd;font-size:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label>span,.signature-label span{display:block;color:#b9d3e3;font-size:11px;font-weight:700;margin-bottom:7px}.form-grid input,.form-grid select{width:100%;height:44px;border:1px solid rgba(55,217,255,.28);border-radius:8px;background:#03101e;color:#eefbff;padding:0 13px;outline:none}.form-grid input:focus,.form-grid select:focus{border-color:#57ddff;box-shadow:0 0 0 3px rgba(55,217,255,.08)}.full-row{grid-column:1/-1}.acceptance-boxes{display:grid;gap:10px;margin:18px 0}.check-row{display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:start;border:1px solid rgba(55,217,255,.15);border-radius:8px;padding:11px 12px;background:rgba(4,18,33,.68);color:#b1c8d7;font-size:12px;line-height:1.45}.check-row input{margin-top:2px;accent-color:#25cfff}.signature-block{margin-top:17px}.signature-label{display:flex;justify-content:space-between;align-items:end;margin-bottom:8px}.signature-label small{color:#7291a5}.signature-label button{border:0;background:none;color:#66dfff;font-family:'Orbitron',sans-serif;font-size:9px;cursor:pointer}.signature-canvas-wrap{height:190px;position:relative;border:1px dashed rgba(92,224,255,.45);border-radius:10px;background:#f8fbfd;overflow:hidden}.signature-canvas-wrap canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.sign-here{position:absolute;left:18px;bottom:14px;color:#b3c0c7;font-family:'Orbitron',sans-serif;font-size:9px;pointer-events:none;letter-spacing:.12em}.electronic-consent{margin-top:14px;padding:12px 14px;border-left:3px solid #43d9ff;background:rgba(30,151,201,.08);color:#a9c4d4;font-size:11px;line-height:1.5}.form-error{min-height:20px;color:#ff8296;font-size:11px;margin-top:8px}.agreement-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.agreement-actions button{height:44px;padding:0 18px;border-radius:8px;font-family:'Orbitron',sans-serif;font-size:9px;font-weight:800;cursor:pointer}.secondary-action{border:1px solid rgba(139,176,194,.3);background:#071524;color:#a8c1d0}.primary-action{border:1px solid #61e5ff;background:linear-gradient(180deg,#116f98,#07506f);color:#effcff;box-shadow:0 0 20px rgba(49,211,255,.16)}.success-toast{position:fixed;right:22px;bottom:22px;z-index:1200;max-width:380px;padding:15px 18px;border:1px solid #53e2ff;border-radius:10px;background:#061b2c;color:#dff9ff;box-shadow:0 15px 55px rgba(0,0,0,.45);display:none;font-size:13px}.success-toast.show{display:block}
@media(max-width:900px){.nav-inner{grid-template-columns:1fr auto}.nav-links{display:none}.pilot-card-grid{grid-template-columns:1fr}.pilot-steps{grid-template-columns:repeat(2,1fr)}.agreement-summary{grid-template-columns:1fr}.agreement-panel{width:calc(100% - 14px)}.agreement-scroll{padding:18px}.form-grid{grid-template-columns:1fr}.full-row{grid-column:auto}}
@media(max-width:600px){.pilot-hero{min-height:300px;background:linear-gradient(90deg,rgba(2,9,20,.98),rgba(2,9,20,.76)),url('assets/hd/codm-hero-hd.webp') center/cover no-repeat}.pilot-hero-copy>p{font-size:15px}.pilot-card-grid{gap:15px}.pilot-game-body{align-items:flex-start;flex-direction:column}.pilot-steps{grid-template-columns:1fr 1fr}.agreement-topbar{padding:15px}.agreement-topbar h2{font-size:15px}.agreement-scroll{padding:13px}.agreement-copy{padding:18px 16px}.signing-heading{align-items:flex-start;flex-direction:column}.signature-canvas-wrap{height:160px}.agreement-actions{display:grid;grid-template-columns:1fr 1.45fr}.agreement-actions button{padding:0 8px;font-size:8px}}

.mlbb-account-field select{appearance:auto}.mlbb-account-field[hidden]{display:none}

.credential-fields{border:1px solid rgba(55,217,255,.18);border-radius:10px;padding:14px;background:rgba(4,18,33,.72)}.credential-note{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.credential-note strong{font-size:11px;color:#7be6ff}.credential-note span{font-size:10px;color:#8ea9ba;line-height:1.45}.credential-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.credential-grid label>span{display:block;color:#b9d3e3;font-size:11px;font-weight:700;margin-bottom:7px}.credential-grid input{width:100%;height:44px;border:1px solid rgba(55,217,255,.28);border-radius:8px;background:#03101e;color:#eefbff;padding:0 13px;outline:none}.credential-grid input:focus{border-color:#57ddff;box-shadow:0 0 0 3px rgba(55,217,255,.08)}@media(max-width:900px){.credential-grid{grid-template-columns:1fr}}


.quote-modal{position:fixed;inset:0;z-index:1100;display:none;overflow-y:auto;padding:18px 0;background:rgba(0,4,12,.86);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.quote-modal.open{display:block}.quote-backdrop{position:fixed;inset:0;background:transparent}.quote-panel{position:relative;margin:40px auto;width:min(780px,calc(100% - 28px));border:1px solid rgba(62,215,255,.55);border-radius:16px;overflow:hidden;background:#05111f;box-shadow:0 25px 100px rgba(0,0,0,.64),0 0 34px rgba(48,205,255,.15)}
.quote-topbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px 24px;border-bottom:1px solid rgba(55,217,255,.22);background:linear-gradient(180deg,#081d34,#061524)}
.quote-topbar h2{font-size:20px;margin:3px 0 0}.quote-body{padding:24px 26px 28px}.quote-game-line{border:1px solid rgba(55,217,255,.18);border-radius:9px;padding:12px 14px;background:rgba(7,29,51,.66);margin-bottom:18px}.quote-game-line small{display:block;text-transform:uppercase;color:#789bb2;font-size:9px;letter-spacing:.1em;margin-bottom:5px}.quote-game-line strong{color:#e7fbff}
.quote-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.quote-fields label>span{display:block;color:#b9d3e3;font-size:11px;font-weight:700;margin-bottom:7px}.quote-fields input,.quote-fields select{width:100%;height:44px;border:1px solid rgba(55,217,255,.28);border-radius:8px;background:#03101e;color:#eefbff;padding:0 13px;outline:none}.quote-fields input:focus,.quote-fields select:focus{border-color:#57ddff;box-shadow:0 0 0 3px rgba(55,217,255,.08)}
.quote-result{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;padding:17px;border:1px solid rgba(78,227,255,.32);border-radius:11px;background:rgba(10,57,79,.34)}.quote-result>div{padding:6px}.quote-result small{display:block;color:#83aabe;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.quote-result strong{display:block;color:#f3fcff;font-size:24px;margin-top:4px}.quote-result p{grid-column:1/-1;margin:3px 6px 0;color:#a9c6d6;font-size:11px;line-height:1.55}
.quote-warning{margin-top:16px;border-left:3px solid #f0b34c;background:rgba(240,179,76,.08);padding:11px 13px;color:#d7bf91;font-size:11px;line-height:1.5}.quote-warning.configured{display:none}.quote-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:10px}.quote-actions button{height:44px;padding:0 18px;border-radius:8px;font-family:'Orbitron',sans-serif;font-size:9px;font-weight:800;cursor:pointer}
.agreement-quote-breakdown{margin:-8px 0 20px;border:1px solid rgba(55,217,255,.18);border-radius:9px;padding:11px 14px;background:rgba(7,29,51,.45);color:#9fbccd;font-size:11px;line-height:1.55}
@media(max-width:700px){.quote-fields{grid-template-columns:1fr}.quote-result{grid-template-columns:1fr}.quote-result p{grid-column:1}.quote-panel{margin:12px auto}.quote-actions{justify-content:stretch}.quote-actions button{flex:1}.agreement-summary{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.agreement-summary{grid-template-columns:1fr}}

.quote-fields[hidden]{display:none!important}
.quote-section-label{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px;align-items:end;padding:0 0 4px;border-bottom:1px solid rgba(55,217,255,.14)}
.quote-section-label strong{color:#e8fbff;font-size:13px}
.quote-section-label span{color:#789bb2;font-size:10px}

.quote-game-badge{grid-column:1/-1;font-family:'Orbitron',sans-serif;font-size:10px;letter-spacing:.08em;color:#74e6ff;border-bottom:1px solid rgba(55,217,255,.18);padding:0 6px 10px;margin-bottom:2px}


/* ===== Piloting responsive / touch accessibility pass ===== */
.agreement-panel,.quote-panel{max-width:calc(100% - env(safe-area-inset-left) - env(safe-area-inset-right) - 24px)}
.modal-close,.agreement-actions button,.quote-actions button{min-height:44px}
.form-grid input,.form-grid select,.credential-grid input,.quote-fields input,.quote-fields select{min-height:46px}

@media(max-width:900px){
  .pilot-hero{min-height:290px;background-size:cover;background-position:center}
  .pilot-hero-copy{padding:44px 0}
  .pilot-card-grid{grid-template-columns:1fr 1fr;width:100%}
  .pilot-steps{grid-template-columns:1fr 1fr}
  .agreement-panel{width:calc(100% - 22px);border-radius:12px}
  .agreement-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .form-grid{grid-template-columns:1fr}
  .full-row{grid-column:auto}
}

@media(max-width:620px){
  .pilot-hero{min-height:250px}
  .pilot-hero-copy>h1{font-size:clamp(32px,11vw,46px)}
  .pilot-hero-copy>p{font-size:15px}
  .pilot-note{font-size:12px;padding:11px 12px}
  .pilot-games{padding-top:28px;padding-bottom:52px}
  .pilot-card-grid{grid-template-columns:1fr}
  .pilot-game-art{aspect-ratio:1.9/1}
  .pilot-game-body{padding:16px 17px 18px}
  .pilot-steps{grid-template-columns:1fr}
  .agreement-modal,.quote-modal{padding:8px 0}
  .agreement-panel,.quote-panel{width:calc(100% - 14px);max-width:none;margin:0 auto;border-radius:10px}
  .agreement-topbar,.quote-topbar{padding:14px 13px}
  .agreement-topbar h2,.quote-topbar h2{font-size:14px}
  .agreement-kicker{font-size:7px}
  .agreement-scroll,.quote-body{padding:12px}
  .agreement-summary{grid-template-columns:1fr}
  .agreement-copy{padding:16px 14px;font-size:12px}
  .agreement-copy h3{font-size:16px}
  .signing-heading{align-items:flex-start;flex-direction:column}
  .quote-fields{grid-template-columns:1fr}
  .quote-section-label{align-items:flex-start;flex-direction:column;gap:4px}
  .quote-result{grid-template-columns:1fr}
  .quote-result p,.quote-game-badge{grid-column:1}
  .quote-actions,.agreement-actions{display:grid;grid-template-columns:1fr;gap:9px}
  .quote-actions button,.agreement-actions button{width:100%;font-size:9px}
  .signature-canvas-wrap{height:155px}
  .acceptance-boxes{gap:8px}
  .check-row{font-size:11px}
  .success-toast{left:12px;right:12px;bottom:12px}
}

@media(max-width:380px){
  .pilot-game-body h3{font-size:17px}
  .agreement-scroll,.quote-body{padding:10px}
  .agreement-copy{padding:14px 12px}
  .signature-canvas-wrap{height:145px}
}

@supports(padding:max(0px)){
  .agreement-modal,.quote-modal{
    padding-left:max(0px,env(safe-area-inset-left));
    padding-right:max(0px,env(safe-area-inset-right));
    padding-bottom:max(8px,env(safe-area-inset-bottom));
  }
}


/* ===== SURAE NEON PILOTING THEME v14 ===== */
.pilot-page,.pilot-games,.agreement-modal,.quote-modal{background-color:#030712}
.pilot-game-card,.agreement-panel,.quote-panel{
  background:linear-gradient(180deg,#0C1D32,#081525)!important;
  border-color:rgba(40,215,255,.42)!important;
}
.pilot-game-card:hover{
  border-color:#28D7FF!important;
  box-shadow:0 0 26px rgba(40,215,255,.18),0 0 32px rgba(139,92,255,.09)!important;
}
.pilot-game-body h3,.agreement-topbar h2,.quote-topbar h2{color:#F2FAFF!important}
.pilot-game-body p,.agreement-copy,.quote-body{color:#91A9BB}
.pilot-kicker,.agreement-kicker,.quote-game-badge,.quote-section-label strong{color:#28D7FF!important}

.agreement-topbar,.quote-topbar{
  background:linear-gradient(180deg,#0C1D32,#081525)!important;
  border-bottom-color:rgba(40,215,255,.18)!important;
}
.agreement-panel,.quote-panel{
  box-shadow:0 26px 100px rgba(0,0,0,.64),0 0 34px rgba(139,92,255,.08)!important;
}
.agreement-summary,.quote-result,.agreement-quote-breakdown,.credential-fields{
  background:linear-gradient(135deg,rgba(40,215,255,.055),rgba(139,92,255,.075))!important;
  border-color:rgba(40,215,255,.22)!important;
}
.agreement-summary small,.quote-result small{color:#91A9BB!important}
.agreement-summary strong,.quote-result strong{color:#F2FAFF!important}

.quote-actions button:last-child,.agreement-actions button:last-child,.pilot-primary{
  border-color:#28D7FF!important;
  background:linear-gradient(135deg,#168DFF,#8B5CFF)!important;
  color:#fff!important;
  box-shadow:0 0 22px rgba(40,215,255,.16),0 0 26px rgba(139,92,255,.11)!important;
}
.quote-actions button:first-child,.agreement-actions button:first-child{
  background:#07111E!important;
  border-color:rgba(145,169,187,.26)!important;
  color:#B8CEDA!important;
}
.signature-canvas-wrap{
  border-color:rgba(40,215,255,.28)!important;
  background:#06111F!important;
}
.check-row input{accent-color:#28D7FF}