:root {
      --bg:#0f1318; --card:#161d24; --ink:#e7e9ee; --muted:#a7afc0; --brand:#8b5cf6; --ok:#3ddc97; --warn:#ffb020; --err:#ff5277;
      --stroke:#2a3342; --field:#0f141d;
    }
    *{box-sizing:border-box;font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
    html,body{height:100%}
    body{overflow:visible;margin:0;color:var(--ink);background: #161d24;;}
    .wrap{max-width: none;
    margin: auto;
    padding: 0;
    width: 100%;
    border-radius: 0 !important;}
    .brand{display:flex;gap:12px;align-items:center;margin-bottom:16px}
    h1{font-size:28px;margin:6px 0}
    .investor h2, .h2{color: deeppink;    color: deeppink;
    font-size: 3rem;
    text-transform: capitalize;margin-top: 7vh;margin-bottom: 0vh;}
    p.lead{color:var(--muted);margin-top:4px; margin-bottom:15px;}
.logo{max-height: 55px;
    margin-top: 6px;
    width: 100px;}
    .card{background:var(--card);border:0px solid var(--stroke);border-radius:16px;box-shadow:0 12px 40px rgba(0,0,0,.35)}
    .steps{display:grid;grid-template-columns:25% 1fr;gap:20px}
    .rail{padding:18px; background: #161d24;    padding-top: 25vh;    max-width: 260px;}
    .rail h3{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0 0 10px; font-size: 14px;
    font-weight: 100;}
    .step-item{    display: flex;
    align-items: center;
    gap: 15px;
    padding: 10px 12px;
    border-radius: 10px;
    color: var(--muted);
    font-size: 15px;}
    .step-item.active{background:#1f2532;color:#fc1793;}
    .step-index{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid #334157}
    .content{       padding: 5%;
    min-height: 560px;
    width: 100%;
    max-width: 815px;
    padding-top: 6vh;}
    fieldset{border:0;margin:0 0 5vh 0;padding:0;display:grid;gap:12px}
    ::placeholder{color: #999;}
    textarea::placeholder{color: #999;}
    input[type=email]::placeholder{color: #999;}
    select{color: #999;}




    label{ font-size: 13px;color: #777;text-transform: capitalize;}
    input,select,textarea{    line-height: 14px;width:100%;padding:12px 14px;border-radius:5px;border:1px solid #cfcfcf;background:#eaeaea;min-height: 40px;
    margin-bottom: 1vh;font-size: 13px;}




    input[type="file"]{padding:10px 12px}
    small.help{color:var(--muted)}
    .row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
    .actions{display:flex;justify-content:space-between;gap:0px;margin-top:16px}
    button{padding:12px 16px;border-radius:12px;border:1px solid #343f57;background:#1b2230;color:var(--ink);cursor:pointer}
    button.primary{background:linear-gradient(180deg,#8b5cf6,#6d28d9);border-color:#5b21b6}
    button[disabled]{opacity:.5;cursor:not-allowed}
    .progress{height:6px;background:#f4f4f4;border-radius:99px;overflow:hidden;margin:10px 0 20px}
    .bar{height:100%;width:0;background:linear-gradient(90deg,#8b5cf6,#3ddc97)}
    .notice{padding:12px;border:1px dashed #334157;border-radius:12px;background:#ffffff;color:var(--muted); font-size: 13px;}
    .grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom: 4rem;    margin-top: 5vh;}
    .success {
    border: 1px solid #e3e3e3;
    background: #fcffdb;
    margin-bottom: 3vh;}
    .err{border:1px solid #6b2333;background:#1a0f15}
    a{color:#c4b5fd}
    .legal{font-size:12px;color:var(--muted)}
    .inline{display:flex !important;align-items:center;gap:8px}
    #closeNda{max-width: 50px;}
    #ndaTitle{    color: #fff;
    text-transform: capitalize;}


    /* Modal */
    dialog{border:none;border-radius:16px;max-width:860px;width:96%;padding:0;background:#0f1318;color:var(--ink);box-shadow:0 20px 60px rgba(0,0,0,.6)}
    .modal-head{padding:16px 20px;border-bottom:1px solid var(--stroke);display:flex;align-items:center;justify-content:space-between}
    .modal-body{padding:18px 20px;max-height:60vh;overflow:auto}
    .modal-actions{padding:14px 20px;border-top:1px solid var(--stroke);display:flex;justify-content:flex-end;gap:12px}

    @media (max-width:900px){
        .actions{gap:0;}
        .logoy{background: #161d24;}

        .content{max-width: none !important;padding: 4%;}
        .middlish {display: inline-table !important;}
      .steps{grid-template-columns:1fr}
      .row{grid-template-columns:1fr}
      .middlish{float: none !important; width:100% !important;}
      .rail{padding-top: 15vh;background:#2b2b30;max-width:none;}
      .wizard_box {box-shadow: none !important;}
  .granted .middlish{padding-top: 20vh !important;}
      .logoy {
        width: 100%;
        margin-top: 3vh;
          left:0vw !important;
                  top: 0 !important;
        padding: 20px;
    }
    }



    @media (max-width: 600px){
        .actions{    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;background: #fff;}



        fieldset{    padding-bottom: 10vh;}

        .logo-light{    margin: auto;
    padding: 0;}
.logoy{width: 100%;    margin-top: 3vh;}

label{
        font-size: 16px;
        color: #b2b2b2;
        text-align: left;
        text-transform: capitalize;
        width: 100%;
        /* position: relative; */
        display: block;
        margin-top: 4%;}

.content{padding-top: 0;}

.step-item{font-size: 20px;}

.content {text-align: left;}

button, [type=button], [type=reset], [type=submit] {
    border-radius: 0;}



    }
.wizard_box{
    margin: auto;
    padding: 0%;border-radius: 0; height: 100vh; background: #fff;}
.wiz_box_head{background: #363338;height:70px; }
.wiz_cont{max-width: 1200px; margin: auto;}

.middlish{    margin: 0 0 0 0;
    /* max-width: 1500px; */
    background: #fff;
    height: 100vh;
    float: right;
    width: 95%;
}
.halfish{height:100vh;background:#161d24;}
.logoy{
        position: absolute;
    margin: auto;
    display: block;
    left: 6vw;
    top: 5vw;}

.logoy .logo-light{    width: 200px;
    margin: auto;
    padding: 0%;
    max-width:142px;
    display: block;
}

.investor ul li{font-size: 13px;}