body{
      background:#0a1a3c;
}
html, body{
    min-height: 100%;
    margin: 0;
    padding: 0;
}
.investoflex-auth-page{
    box-sizing:border-box;
    font-family:'Inter', 'Segoe UI', Arial, sans-serif;
    min-height:100vh;
    margin:0;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#0a1a3c;
    padding:20px;
}
  .investoflex-auth-page *{
    box-sizing:border-box;
  }
  .investoflex-auth-card{
    background:#0f234d;
    border:1px solid rgba(255,255,255,0.08);
    border-radius:14px;
    padding:40px 36px;
    width:100%;
    max-width:400px;
  }
  @media (max-width: 480px) {
    .investoflex-auth-card{
      padding: 28px 20px;
    }
  }
  .investoflex-auth-card .logo{
    display:flex;
    align-items:center;
    gap:8px;
    color:#ffffff;
    font-size:20px;
    font-weight:700;
    margin-bottom:8px;
  }
  .investoflex-auth-card .logo span{
    width:26px;
    height:26px;
    background:#3578f0;
    border-radius:6px;
    display:inline-block;
  }
  .investoflex-auth-card h2{
    color:#ffffff;
    font-size:22px;
    margin:20px 0 6px;
    padding:0;
  }
  .investoflex-auth-card .sub{
    color:#93a0bf;
    font-size:14px;
    margin:0 0 28px;
  }
  .investoflex-auth-card label{
    display:block;
    color:#c3ccdf;
    font-size:13px;
    margin-bottom:6px;
  }
  .investoflex-auth-card .field{
    margin-bottom:18px;
  }
  .investoflex-auth-card input{
    width:100%;
    padding:11px 14px;
    border-radius:8px;
    border:1px solid rgba(255,255,255,0.12);
    background:#0a1a3c;
    color:#ffffff;
    font-size:14px;
    outline:none;
  }
  .investoflex-auth-card input::placeholder{
    color:#5c6a8a;
  }
  .investoflex-auth-card input:focus{
    border-color:#3578f0;
  }
  .investoflex-auth-card .btn{
    width:100%;
    padding:12px;
    border:none;
    border-radius:8px;
    background:#3578f0;
    color:#ffffff;
    font-size:15px;
    font-weight:600;
    cursor:pointer;
    margin-top:6px;
  }
  .investoflex-auth-card .btn:hover{
    background:#2a62d4;
  }
  .investoflex-auth-card .switch{
    text-align:center;
    color:#93a0bf;
    font-size:13px;
    margin-top:22px;
  }
  .investoflex-auth-card .switch a{
    color:#3578f0;
    text-decoration:none;
    font-weight:600;
  }
  .back-home{
    margin-top: 16px;
    text-align: center;
  }
  .back-home a{
    display: inline-block;
    padding: 10px 16px;
    border-radius: 8px;
    background: rgba(255,255,255,0.08);
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
    transition: background .2s ease;
  }
  .back-home a:hover{
    background: rgba(255,255,255,0.16);
  }