body {
    font-size: 0.950rem;  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
a,.btn-link{
    color: #158ae2; outline: 0;
}
a.btn-primary {
    color: white !important;
}
@font-face {
  font-family: 'logoFont';  src: url('/images/fonts/Roboto-Medium.ttf');
}
#container{position: relative;}
#header {
	margin-bottom: 0rem;
position: relative;
  z-index: 999;
  width: 100%;
}
.navbar {
    width: 100%;
    z-index: 9;
	 left: 0;
}



  :root{
    --indigo:#4F46E5;--indigo-deep:#3730A3;--violet:#9333EA;--pink:#EC4899;--sun:#F59E0B;
    --ink:#151221;--ink-soft:#6B6580;--line:#EAE6F7;--bg:#FFFFFF;--bg-soft:#F7F5FE;
    --radius:20px;--shadow:0 10px 30px rgba(79,70,229,.14);
  }
  *{box-sizing:border-box;margin:0;padding:0}
  body{font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:var(--ink);background:var(--bg);line-height:1.5;-webkit-font-smoothing:antialiased}
  a{text-decoration:none;color:inherit}
  .badge-note{position:sticky;top:0;z-index:50;background:#3730A3;color:#fff;text-align:center;font-size:13px;padding:8px 12px}
  .badge-note b{color:#FBCFE8}

  .split{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - 33px)}

  .visual{position:relative;background:linear-gradient(160deg,var(--indigo-deep),var(--indigo) 45%, var(--violet));color:#fff;padding:56px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
  .blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5}
  .b1{width:340px;height:340px;background:var(--pink);top:-100px;right:-100px}
  .b2{width:260px;height:260px;background:var(--sun);bottom:-90px;left:-60px}
  .logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;position:relative;z-index:1}
  .logo-mark{width:36px;height:36px;border-radius:12px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800}
  .visual-content{position:relative;z-index:1;max-width:420px}
  .visual-content h2{font-size:32px;font-weight:800;line-height:1.25;margin-bottom:16px;letter-spacing:-.01em}
  .visual-content p{color:#DDD6FE;font-size:15.5px;margin-bottom:24px}
  .perk-list{position:relative;z-index:1;display:flex;flex-direction:column;gap:14px}
  .perk{display:flex;align-items:center;gap:12px;font-size:14.5px}
  .perk .ic{width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:13px}
  .stat-row{display:flex;gap:36px;position:relative;z-index:1}
  .stat b{font-size:26px;font-weight:800;display:block}
  .stat span{font-size:12.5px;color:#C4B5FD}

  .form-side{display:flex;align-items:center;justify-content:center;padding:40px}
  .form-box{width:100%;max-width:420px}
  .form-box h1{font-size:28px;font-weight:800;margin-bottom:8px;letter-spacing:-.01em}
  .form-box .sub{color:var(--ink-soft);font-size:14.5px;margin-bottom:28px}
  .form-box .sub a{color:var(--indigo);font-weight:700}

  .social-row{display:flex;gap:12px;margin-bottom:22px}
  .social-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;border:1.5px solid var(--line);border-radius:12px;padding:12px;font-size:13.5px;font-weight:700;cursor:pointer;background:#fff}
  .social-btn:hover{border-color:var(--indigo)}

  .divider{display:flex;align-items:center;gap:14px;margin:22px 0;color:var(--ink-soft);font-size:12.5px}
  .divider::before,.divider::after{content:"";flex:1;height:1px;background:var(--line)}

  .name-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .field{margin-bottom:16px}
  .field label{display:block;font-size:13.5px;font-weight:700;margin-bottom:8px}
  .field input{width:100%;border:1.5px solid var(--line);border-radius:11px;padding:13px 14px;font-size:14.5px;font-family:inherit;outline:none}
  .field input:focus{border-color:var(--indigo)}
  .field select{width:100%;border:1.5px solid var(--line);border-radius:11px;padding:13px 14px;font-size:14.5px;font-family:inherit;outline:none}
  .field select:focus{border-color:var(--indigo)}
  .field .hint{font-size:12px;color:var(--ink-soft);margin-top:6px}

  .role-select{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}
  .role-opt{border:1.5px solid var(--line);border-radius:11px;padding:12px;text-align:center;font-size:13px;font-weight:700;cursor:pointer}
  .role-opt.active{border-color:var(--indigo);background:var(--bg-soft);color:var(--indigo-deep)}

  .terms-row{display:flex;align-items:flex-start;gap:10px;margin-bottom:22px;font-size:12.5px;color:var(--ink-soft)}
  .terms-row a{color:var(--indigo);font-weight:700}
  .checkbox{accent-color:var(--indigo);width:15px;height:15px;margin-top:1px;flex-shrink:0}

  .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:12px;font-weight:700;font-size:14.5px;cursor:pointer;border:none;width:100%}
  .btn-primary{background:linear-gradient(120deg,var(--indigo),var(--violet));color:#fff;box-shadow:0 6px 18px rgba(79,70,229,.3)}

  .foot-note{text-align:center;font-size:12.5px;color:var(--ink-soft);margin-top:22px}
  .foot-note a{color:var(--indigo);font-weight:700}

  @media(max-width:860px){
    .split{grid-template-columns:1fr}
    .visual{display:none}
  }