*{
margin: 0;
padding: 0;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}q:before,q:after{content:'';}abbr,acronym {border:0;}

* {
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
}

body {
 line-height: 1.2;
}

body {
 font-size: 12px;
 font-family: 'Poppins', sans-serif;
 color: #000;
 background-color: #FFF;
}

/* required for sticky footer */

html, body {
 height: 100%;
}    

    
header {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  background-color: #000000FF;
  width:100%; 
  min-height:20px;
  height:auto;
    
}    

   
.menu {
 padding: 0px 50px;
 width:100%;   
 border-bottom: #cdcdcd solid 0px;    
    
}   
   
    
.menu {
 width:100%;
 height:60px;
 background-color:#FFFFFF; 
}    
    
       
   
 
@media(max-width: 800px) {
    
.menu {
 padding: 0px 30px;

}     
}
       
   
@media(max-width: 320px) {
    
.menu {
 padding: 0px 10px;

}    
}
    
  
    
.wrapper {
 min-height: 100%;
 height: auto !important;
 height: 100%;
}

    
.max {
 max-width:980px;   
 margin:0 auto;
}    
    


@media(max-width: 1000px) {
    
.max {
 max-width:780px;    
}    
   
}
    
   

@media(max-width: 800px) {
    
.max {
 max-width:580px;    
}    
   
}
     

@media(max-width: 600px) {
    
.max {
 max-width:380px;    
}    
   
}
     

@media(max-width: 420px) {
    
.max {
 max-width:320px;    
}    
   
}
     
    


footer a, footer a:hover {
 color:#FFFFFF;    
}    
    


    
    
        
    
footer {
  padding-top:30px;
  width:100%;
  height:auto;    
  background-color:#373A3F;   
  color:#FFFFFF;
  text-align:left;
}    
    
footer h4 {
 font-size:18pt;    
 margin:20px;    
}    
  
footer p {
 font-size:14pt;    
 margin:10px 40px;    
}    
  
    
footer p a, footer p a:hover {
 text-decoration:none;
 font-size:12pt;   
}

footer h6 {
 margin:30px;
 text-align:center;
 font-size:12pt;
}

footer h6 a, footer h6 a:hover {
 text-decoration:none;
 font-size:10pt;   
 color:#FFFFFF;
 margin:20px 0;
}

footer h6 span {
  margin: 0 20px;    
}

   
.logo {
  padding: 0px 0px 0px 0px;    
}   
   
   
   
   
@media(max-width: 800px) {
    
   
.logo {
  padding: 10px 0px 0px 0px;    
}    
}
       
   
@media(max-width: 320px) {
    
   
.logo {
  padding: 30px 0px 0px 0px;    
}   
}   
     
    
.logo {
 max-width:240px;
 max-height:60px;
 display:inline;    
    
}    
    



@media(max-width: 800px) {
    
.logo {
 max-width:180px;
 max-height:45px;
 display:inline;    
    
}   

}


@media(max-width: 320px) {
    
.logo {
 max-width:120px;
 max-height:30px;
 display:inline;    
    
}   

}










    :root{
      --bg:#0b0f14;
      --panel:#101824;
      --panel2:#0f1722;
      --text:#e9eef6;
      --muted:#a6b3c6;
      --line:rgba(255,255,255,.10);
      --accent:#41b3ff;
      --accent2:#00e6a8;
      --danger:#ff5a7a;
      --shadow: 0 14px 45px rgba(0,0,0,.55);
      --radius:16px;
      --max:1120px;
      --font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
    }

    *{box-sizing:border-box}

    .assessment {
      margin:0;
      font-family:var(--font);
      color:var(--text);
      background:
        radial-gradient(1200px 600px at 15% 10%, rgba(65,179,255,.20), transparent 55%),
        radial-gradient(1000px 500px at 80% 0%, rgba(0,230,168,.14), transparent 60%),
        linear-gradient(180deg, #070b10 0%, var(--bg) 30%, #060a10 100%);
      line-height:1.45;
    }
    a{color:inherit}
    .wrap{max-width:var(--max); margin:0 auto; padding:24px;}
    .topbar{
      display:flex; align-items:center; justify-content:space-between;
      gap:16px; padding:10px 0 6px;
    }
    .brand{
      display:flex; align-items:center; gap:12px; text-decoration:none;
    }
    .brand img{width:40px; height:40px; border-radius:12px; border:1px solid var(--line); background:#0a1018;}
    .brand strong{letter-spacing:.3px;}
    .tag{
      font-size:12px; color:var(--muted);
      border:1px solid var(--line);
      padding:6px 10px; border-radius:999px;
      background:rgba(255,255,255,.03);
    }
    .btn{
      display:inline-flex; align-items:center; justify-content:center; gap:10px;
      padding:14px 18px; border-radius:12px;
      font-weight:700; letter-spacing:.2px;
      text-decoration:none; border:1px solid transparent;
      cursor:pointer; transition: transform .06s ease, filter .2s ease, background .2s ease;
      user-select:none;
    }
    .btn:active{transform:translateY(1px)}
    .btn.primary{
      background:linear-gradient(90deg, var(--accent), var(--accent2));
      color:#061018;
      box-shadow:0 12px 34px rgba(65,179,255,.20);
    }
    .btn.ghost{
      background:rgba(255,255,255,.04);
      border-color:var(--line);
      color:var(--text);
    }
    .btn.small{padding:10px 12px; border-radius:10px; font-size:14px;}
    .hero{
      display:grid; grid-template-columns: 1.2fr .8fr; gap:28px;
      align-items:stretch; margin-top:14px;
    }
    @media (max-width: 920px){
      .hero{grid-template-columns:1fr; }
    }

    .card{
      border:1px solid var(--line);
      background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
      border-radius:var(--radius);
      box-shadow:var(--shadow);
      overflow:hidden;
    }
    .card.pad{padding:26px;}
    .kicker{
      display:inline-flex; align-items:center; gap:8px;
      color:var(--muted);
      font-weight:700; font-size:13px;
      border:1px solid var(--line);
      padding:6px 10px; border-radius:999px;
      background:rgba(255,255,255,.03);
    }
    h1{
      margin:14px 0 12px;
      font-size:44px; line-height:1.05;
      letter-spacing:-.8px;
    }
    @media (max-width: 560px){ h1{font-size:36px} }
    .sub{
      color:var(--muted);
      font-size:18px;
      margin:0 0 16px;
    }
    .bullets{margin:16px 0 0; padding:0; list-style:none;}
    .bullets li{
      display:flex; gap:10px; align-items:flex-start;
      padding:10px 0; border-top:1px solid var(--line);
      color:var(--text);
    }
    .bullets li:first-child{border-top:0}
    .dot{
      width:10px; height:10px; border-radius:999px;
      background:linear-gradient(90deg,var(--accent),var(--accent2));
      margin-top:6px; flex:0 0 auto;
    }
    .ctaRow{display:flex; gap:12px; flex-wrap:wrap; margin-top:18px;}
    .fine{
      color:var(--muted); font-size:13px; margin-top:10px;
    }

    /* Right column */
    .media{
      position:relative; min-height:420px;
      background:#07101a;
    }
    .media img{
      width:100%; height:100%;
      object-fit:cover; display:block;
      filter:saturate(1.05) contrast(1.05);
      opacity:.92;
    }
    .overlay{
      position:absolute; inset:0;
      background:
        linear-gradient(180deg, rgba(11,15,20,.05) 0%, rgba(11,15,20,.75) 65%, rgba(11,15,20,.92) 100%),
        radial-gradient(600px 240px at 25% 10%, rgba(65,179,255,.20), transparent 60%);
      pointer-events:none;
    }
    .badgeBox{
      position:absolute; left:16px; right:16px; bottom:16px;
      border:1px solid var(--line);
      background:rgba(10,14,20,.78);
      backdrop-filter: blur(10px);
      border-radius:14px;
      padding:16px;
      display:grid; gap:10px;
    }
    .statRow{display:flex; gap:10px; flex-wrap:wrap;}
    .stat{
      flex:1 1 120px;
      border:1px solid var(--line);
      border-radius:12px;
      padding:10px 12px;
      background:rgba(255,255,255,.03);
    }
    .stat b{display:block; font-size:14px}
    .stat span{color:var(--muted); font-size:12px}
    .danger{
      color:#fff;
      background:linear-gradient(90deg, rgba(255,90,122,.95), rgba(255,90,122,.25));
      border:1px solid rgba(255,90,122,.35);
      padding:10px 12px;
      border-radius:12px;
      font-weight:800;
    }

    /* Sections */
    .section{margin-top:22px;}
    .grid2{display:grid; grid-template-columns:1fr 1fr; gap:18px;}
    @media (max-width: 920px){ .grid2{grid-template-columns:1fr;} }

    h2{margin:0 0 10px; font-size:22px; letter-spacing:-.2px;}
    p{margin:0 0 10px; color:var(--muted)}
    .box{
      border:1px solid var(--line);
      background:rgba(255,255,255,.03);
      border-radius:14px;
      padding:18px;
    }
    .box strong{color:var(--text)}
    .list{margin:10px 0 0; padding:0 0 0 18px; color:var(--muted)}
    .list li{margin:6px 0}

    .quote{
      border-left:4px solid var(--accent);
      padding:14px 14px 14px 16px;
      background:rgba(65,179,255,.07);
      border-radius:12px;
      color:var(--text);
      margin-top:10px;
      font-weight:700;
    }

    /* Form */
    .formGrid{display:grid; grid-template-columns:1fr 1fr; gap:12px;}
    @media (max-width: 650px){ .formGrid{grid-template-columns:1fr;} }
    label{display:block; font-size:12px; color:var(--muted); margin:10px 0 6px;}
    input, select, textarea{
      width:100%; padding:12px 12px;
      border-radius:12px;
      border:1px solid var(--line);
      background:rgba(0,0,0,.18);
      color:var(--text);
      outline:none;
    }
    input::placeholder, textarea::placeholder{color:rgba(166,179,198,.65)}
    textarea{min-height:96px; resize:vertical;}
    .formActions{display:flex; gap:12px; align-items:center; flex-wrap:wrap; margin-top:14px;}
    .micro{
      font-size:12px; color:var(--muted);
    }
    .footer{
      margin:26px 0 10px;
      color:rgba(166,179,198,.75);
      font-size:12px;
      border-top:1px solid var(--line);
      padding-top:16px;
      display:flex; justify-content:space-between; gap:10px; flex-wrap:wrap;
    }