:root{color-scheme:dark;--bg:#12161a;--text:#f0f2f3;--muted:#b2b9bf;--green:#98b5a8;--blue:#a2b4cb;--line:rgba(255,255,255,.19);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit}a:focus-visible{outline:3px solid #e8ebee;outline-offset:5px}.site-shell{min-height:100svh;display:grid;grid-template-rows:70px minmax(610px,1fr) 46px}.site-header,.site-footer{display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,3.2vw,60px);background:#151a1e}.site-header{position:relative;z-index:5;border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:inline-flex;align-items:center;gap:13px;text-decoration:none;font-weight:800;letter-spacing:.15em;font-size:16px}.brand-dot{color:var(--green)}.brand-mark{width:26px;height:25px;position:relative;display:inline-flex;align-items:center;gap:4px;transform:skew(-16deg)}.brand-mark span{width:5px;background:#c5d2da;border-radius:1px}.brand-mark span:nth-child(1){height:15px}.brand-mark span:nth-child(2){height:24px}.brand-mark span:nth-child(3){height:15px}.preview-tag,.preview-version{font-size:10px;letter-spacing:.2em;font-weight:700;color:#aab4bc}.preview-version{color:#687781}.split{display:grid;grid-template-columns:1fr 1fr;min-height:0}.panel{position:relative;overflow:hidden;min-height:610px;isolation:isolate}.panel+.panel{border-left:1px solid rgba(255,255,255,.12)}.panel-image,.panel-shade{position:absolute;inset:0;z-index:-1}.panel-image img{width:100%;height:100%;object-fit:cover;object-position:center 52%;filter:saturate(.68) contrast(1.06) brightness(.76);transform:scale(1.005);transition:transform 850ms cubic-bezier(.2,.75,.25,1),filter 850ms ease}.panel-training .panel-image img{object-position:center 62%}.panel-shooting .panel-image img{object-position:center 52%}.panel-shade{background:linear-gradient(180deg,rgba(12,17,20,.44) 0%,rgba(12,17,20,.44) 25%,rgba(12,17,20,.67) 50%,rgba(10,14,17,.92) 100%),linear-gradient(90deg,rgba(10,14,17,.3),transparent 65%)}.panel-shooting .panel-shade{background:linear-gradient(180deg,rgba(12,17,20,.46) 0%,rgba(12,17,20,.48) 25%,rgba(12,17,20,.72) 50%,rgba(10,14,17,.93) 100%),linear-gradient(90deg,rgba(10,14,17,.3),transparent 65%)}.panel:hover .panel-image img{transform:scale(1.055);filter:saturate(.76) contrast(1.08) brightness(.86)}.panel-inner{height:100%;width:100%;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(25px,3.3vw,60px)}.panel-top,.panel-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-index,.panel-bottom{font-size:10px;font-weight:650;letter-spacing:.18em;color:#c6cdd2}.small-rule{height:1px;width:50px;background:rgba(255,255,255,.4)}.panel-body{width:min(100%,540px);margin:auto 0;padding:60px 0 50px}.eyebrow{display:inline-flex;align-items:center;gap:11px;font-size:11px;letter-spacing:.2em;font-weight:700;color:#d6dee3}.dot{width:7px;height:7px;border-radius:50%;display:inline-block}.dot-green{background:var(--green);box-shadow:0 0 0 4px rgba(152,181,168,.14)}.dot-blue{background:var(--blue);box-shadow:0 0 0 4px rgba(162,180,203,.14)}h1,h2{font-size:clamp(40px,5.1vw,89px);font-weight:800;letter-spacing:-.065em;line-height:1.03;margin:22px 0 13px}.period{color:var(--green)}.panel-shooting .period{color:var(--blue)}.tagline{font-size:clamp(19px,1.45vw,25px);font-weight:480;letter-spacing:-.025em;margin:0 0 15px}.panel-description{max-width:395px;font-size:14px;line-height:1.75;color:#d5d9dc;margin:0 0 25px}.feature-list{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 37px}.feature-list span{border:1px solid rgba(255,255,255,.24);background:rgba(17,24,28,.27);padding:9px 11px;font-size:11px;letter-spacing:.035em;border-radius:5px;color:#e2e6e8;backdrop-filter:blur(4px)}.action{max-width:270px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 19px;border-radius:6px;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.11em;transition:transform .2s,background .2s;color:#111a1c}.action span{font-size:23px;font-weight:400;line-height:.6}.action:hover{transform:translateY(-3px)}.action-training{background:#a0baaf}.action-training:hover{background:#c4d6ce}.action-shooting{background:#acbed2}.action-shooting:hover{background:#cfdbe8}.panel-bottom{font-size:9px;color:rgba(231,236,239,.78)}.site-footer{gap:20px;border-top:1px solid rgba(255,255,255,.07);font-size:9px;letter-spacing:.14em;font-weight:650;color:#8d9aa3}.footer-status{color:#a8b5bd}.skip-link{position:absolute;top:-100px;left:15px;z-index:20;background:#fff;color:#111;padding:12px}.skip-link:focus{top:12px}@media(min-width:1350px){.panel-inner{padding-left:clamp(45px,5.8vw,112px);padding-right:clamp(45px,5.8vw,112px)}.site-shell{grid-template-rows:76px minmax(690px,1fr) 48px}}@media(max-width:1000px){.panel-inner{padding:28px}.panel-description{font-size:13px}.feature-list span{font-size:10px}.panel-bottom span:last-child{display:none}.site-footer span:nth-child(2){display:none}}@media(max-width:760px){.site-shell{grid-template-rows:62px auto 48px}.site-header,.site-footer{padding:0 20px}.split{grid-template-columns:1fr}.panel{min-height:620px}.panel+.panel{border-left:none;border-top:1px solid rgba(255,255,255,.18)}.panel-inner{padding:26px}.panel-body{padding:50px 0 35px}.panel-shade{background:linear-gradient(180deg,rgba(12,17,20,.35),rgba(12,17,20,.6) 40%,rgba(10,14,17,.94) 100%)}h1,h2{font-size:clamp(48px,12vw,74px)}.panel-description{max-width:440px;font-size:14px}.preview-version{display:none}.panel-bottom span:last-child{display:inline}.footer-status{font-size:8px}.panel-image img{object-position:center 48%}}@media(max-width:380px){.site-footer{font-size:8px;letter-spacing:.07em}.footer-status{max-width:160px;text-align:right}.panel-bottom span:last-child{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Rearmed Portal V1.2 */
.header-end{
  display:flex;
  align-items:center;
  gap:24px;
}

.header-login{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:17px;
  padding:12px 17px;
  background:#a0baaf;
  color:#111a1c;
  border-radius:5px;
  text-decoration:none;
  font-size:11px;
  font-weight:800;
  letter-spacing:.13em;
  transition:background .2s,transform .2s;
}

.header-login:hover{
  background:#c4d6ce;
  transform:translateY(-2px);
}

.header-login span{
  font-size:19px;
  font-weight:400;
  line-height:1;
}

@media(max-width:760px){
  .header-end .preview-tag{display:none}
  .header-login{padding:10px 13px;font-size:10px}
}

/* Rearmed Portal V1.3 – Header Sign In */
.site-header .header-end{
  display:flex;
  align-items:center;
  gap:0;
}

.site-header .header-login{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  min-width:148px;
  padding:13px 17px;
  border:1px solid rgba(152,181,168,.55);
  border-radius:6px;
  background:#25362f;
  color:#e2efe8;
  text-decoration:none;
  font-size:11px;
  font-weight:800;
  letter-spacing:.13em;
  line-height:1.2;
  box-shadow:0 0 0 1px rgba(152,181,168,.05);
  transition:background .2s,border-color .2s,transform .2s;
}

.site-header .header-login:hover{
  background:#344c40;
  border-color:#b5d0c2;
  transform:translateY(-2px);
}

.site-header .header-login span{
  font-size:19px;
  line-height:1;
}

@media(max-width:760px){
  .site-header .header-login{
    min-width:115px;
    padding:11px 13px;
    gap:14px;
    font-size:10px;
  }
}
