*{box-sizing:border-box}
html{width:100%;overflow-x:hidden}
body{margin:0;width:100%;min-width:0;font-family:Arial,sans-serif;background:#f6f8fb;color:#14213d;overflow-x:hidden}
header{min-height:72px;background:#fff;border-bottom:1px solid #e5e7eb;padding:14px clamp(18px,6vw,72px);display:flex;align-items:center;justify-content:space-between;gap:16px}
header b{font-size:20px;letter-spacing:1px;white-space:nowrap}
header b span{font-weight:500;color:#64748b}
header i{font-style:normal;font-size:10px;font-weight:bold;background:#eef4ff;color:#2563eb;padding:7px 11px;border-radius:20px;white-space:nowrap}

.hero{width:min(1180px,100%);min-height:calc(100svh - 112px);margin:0 auto;padding:clamp(35px,7vw,75px) clamp(18px,4vw,30px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(30px,5vw,60px);align-items:center}
.hero section,.hero aside{min-width:0}
.hero small,.form>small,.dash small,nav small{color:#2563eb;font-size:11px;font-weight:bold;letter-spacing:2px}
.hero h1,.form h1{font-size:clamp(38px,5vw,64px);line-height:1.04;margin:15px 0;overflow-wrap:anywhere}
.hero p,.form>p{font-size:clamp(16px,2vw,18px);line-height:1.7;color:#64748b}
.checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:28px 0;color:#334155}
.checks span{min-width:0}
.hero button,form button{background:#14213d;color:#fff;border:0;border-radius:9px;padding:15px 22px;font-weight:bold;font-size:15px;cursor:pointer;max-width:100%}
.hero aside,.form form,.twocol section{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:clamp(20px,4vw,28px);box-shadow:0 12px 35px #14213d12}
.hero aside h2{font-size:clamp(24px,4vw,30px)}
.hero aside p{font-size:15px}
.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.stats b{background:#f6f8fb;padding:16px;border-radius:10px;color:#64748b;font-size:12px;min-width:0}
.stats strong{display:block;color:#14213d;font-size:clamp(20px,4vw,24px);margin-top:8px}
.form{width:min(900px,100%);margin:55px auto;padding:0 20px}
.form h1{font-size:clamp(38px,5vw,46px)}
.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.fields label{font-size:13px;font-weight:bold;color:#334155;min-width:0}
.fields input,.fields select{display:block;width:100%;max-width:100%;margin-top:7px;padding:13px;border:1px solid #dbe2ea;border-radius:8px;background:#fff;font-size:15px}
.privacy{font-size:12px!important;color:#64748b!important}
.layout{display:flex;min-width:0}
.layout nav{width:225px;flex:0 0 225px;background:#fff;border-right:1px solid #e5e7eb;min-height:calc(100svh - 72px);padding:28px 16px}
.layout nav small{display:block;color:#94a3b8;margin:0 12px 15px}
.layout nav a{display:block;padding:11px 12px;color:#64748b;font-size:14px;border-radius:8px;margin:3px 0}
.layout nav .active{background:#eef4ff;color:#2563eb;font-weight:bold}
.dash{padding:clamp(24px,4vw,38px);max-width:1250px;width:100%;min-width:0}
.welcome{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:25px}
.welcome h1{font-size:clamp(28px,4vw,34px);margin:8px 0;overflow-wrap:anywhere}
.welcome em{font-style:normal;color:#2563eb}
.welcome p{color:#64748b}
.light{background:#fff;border:1px solid #dbe2ea;padding:11px 15px;border-radius:8px;font-weight:bold;white-space:nowrap}
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.cards>div{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:21px;font-size:10px;font-weight:bold;letter-spacing:1px;color:#64748b;min-width:0;overflow:hidden}
.cards strong{display:block;font-size:clamp(22px,3vw,28px);color:#14213d;margin:11px 0 5px;letter-spacing:0;overflow-wrap:anywhere}
.cards small{letter-spacing:0;color:#94a3b8}
.twocol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}
.twocol h3{margin-top:0}
.rows p{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #eef2f6;padding:12px 0;color:#64748b}
.rows b{color:#14213d;text-align:right}
.twocol section>p{color:#64748b;line-height:1.7}
.notice{background:#f6f8fb;padding:14px;border-radius:9px;font-size:13px;color:#475569}
.modules{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:18px}
.modules div{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:17px;font-size:16px;min-width:0}
.modules b{display:block;font-size:13px;margin-top:7px}
.modules small{display:block!important;color:#94a3b8!important;font-size:11px!important;letter-spacing:0!important;margin-top:5px}
footer{text-align:center;padding:20px;color:#94a3b8;font-size:12px}

@media (max-width: 900px){
  .hero{grid-template-columns:1fr;min-height:auto;padding-top:45px;padding-bottom:45px}
  .hero aside{width:100%}
  .fields,.twocol{grid-template-columns:1fr}
  .layout nav{display:none}
  .dash{padding:25px 18px}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .modules{grid-template-columns:repeat(3,minmax(0,1fr))}
  .welcome{align-items:flex-start;flex-direction:column}
}

@media (max-width: 600px){
  header{min-height:64px;padding:12px 16px}
  header b{font-size:17px}
  header b span{display:block;font-size:11px;letter-spacing:.2px;margin-top:2px}
  header i{font-size:9px;padding:6px 9px}
  .hero{padding:32px 16px 40px;gap:25px}
  .hero h1{font-size:clamp(36px,11vw,48px);margin:12px 0}
  .hero p{font-size:16px}
  .checks{grid-template-columns:1fr;gap:10px;margin:22px 0}
  .hero button{width:100%;padding:15px}
  .hero aside{padding:20px}
  .stats{grid-template-columns:1fr 1fr}
  .form{margin:32px auto;padding:0 16px}
  .form form{padding:20px 16px}
  .fields{grid-template-columns:1fr}
  .cards{grid-template-columns:1fr 1fr;gap:10px}
  .cards>div{padding:16px}
  .twocol{gap:12px}
  .modules{grid-template-columns:1fr 1fr;gap:10px}
  .modules div{padding:15px}
  .light{width:100%}
}

@media (max-width: 380px){
  .cards{grid-template-columns:1fr}
  .stats{grid-template-columns:1fr}
  .modules{grid-template-columns:1fr}
}