:root {
  --ink: #09070d;
  --night: #07110c;
  --paper: #0f1c14;
  --panel: #14241a;
  --muted: #91a99a;
  --soft: #edf7ef;
  --lime: #a8e063;
  --lime-dark: #57983d;
  --line: rgba(168, 224, 99, .2);
  --red: #78c96b;
  --forest: #07110c;
  --pine: #0d2116;
  --moss: #315c3a;
  --sage: #79b878;
  --mint: #c3f2a0;
  --serif: 'Space Grotesk', sans-serif;
  --sans: 'DM Sans', sans-serif;
}

body { background: var(--night); color: var(--soft); }
body::before { width: 45vw; height: 45vw; left: 25vw; top: -18vw; background: radial-gradient(circle, rgba(77, 166, 82, .16), transparent 68%); }
body::after { width: 34vw; height: 34vw; right: -13vw; top: 55vh; background: radial-gradient(circle, rgba(168, 224, 99, .08), transparent 70%); }
.grain { opacity: .025; }
.site-header { min-height: 64px; padding: 10px 7%; gap: 22px; border-bottom-color: rgba(121, 184, 120, .2); background: rgba(7, 17, 12, .86); }
.site-header.scrolled { background: rgba(8, 6, 11, .97); box-shadow: 0 12px 35px rgba(0, 0, 0, .35); }
.brand { font-size: 14px; letter-spacing: .08em; }
.brand-logo { width: 124px; height: 37px; }
.brand-mark { width: 29px; height: 29px; margin-right: 9px; background: linear-gradient(135deg, #b8ed72, #3f8d43); color: #07110c; box-shadow: 0 0 22px rgba(126, 211, 92, .4); }
.brand b { color: #a8e063; }
.main-nav { gap: 7px; margin-left: auto; }
.main-nav a { padding: 9px 13px; border: 1px solid transparent; border-radius: 9px; color: #c1b9c9; font-size: 11px; }
.main-nav a::after { display: none; }
.main-nav a:hover, .main-nav a:focus-visible { border-color: rgba(168, 224, 99, .35); background: rgba(88, 160, 67, .12); color: white; }
.main-nav .faction-link { border-color: rgba(121, 184, 120, .22); background: rgba(49, 92, 58, .16); color: #d7f1c4; font-weight: 700; }
.main-nav .faction-link.active { border-color: var(--lime); background: linear-gradient(135deg, rgba(168, 224, 99, .23), rgba(49, 92, 58, .3)); color: var(--mint); box-shadow: 0 0 18px rgba(121, 184, 120, .12); }
.current-faction { display: inline-flex; align-items: center; gap: 7px; padding: 7px 10px; border: 1px solid rgba(168, 224, 99, .24); border-radius: 7px; color: var(--mint); font: 700 10px var(--sans); letter-spacing: .04em; white-space: nowrap; }
.current-faction::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 9px rgba(168, 224, 99, .8); }
.discord-button { border-radius: 8px; padding: 10px 14px; background: linear-gradient(135deg, var(--mint), var(--sage)); color: #07110c; box-shadow: 0 6px 18px rgba(93, 178, 72, .18); }
.discord-button:hover { background: linear-gradient(135deg, #c4f383, #65b85a); box-shadow: 0 10px 28px rgba(93, 178, 72, .3); }

.hero { min-height: 720px; grid-template-columns: minmax(0, 1.05fr) minmax(400px, .95fr); background: var(--forest); }
.hero::before { content: ''; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(5, 15, 9, .98) 0%, rgba(5, 15, 9, .84) 38%, rgba(5, 15, 9, .24) 72%, rgba(5, 15, 9, .8) 100%), linear-gradient(0deg, #07110c 0%, transparent 35%); pointer-events: none; }
.hero-copy { z-index: 3; padding: 145px 4% 95px 13%; }
.hero-copy::before { content: ''; position: absolute; width: 360px; height: 360px; top: 15%; left: 15%; z-index: -1; background: radial-gradient(circle, rgba(56, 138, 67, .16), transparent 68%); filter: blur(10px); }
.eyebrow { color: #a8e063; letter-spacing: .2em; }
.pulse { background: var(--red); box-shadow: 0 0 12px rgba(120, 201, 107, .75); }
.hero h1 { max-width: 590px; margin: 25px 0 24px; font-size: clamp(55px, 6.8vw, 96px); line-height: .91; letter-spacing: -.08em; }
.hero h1 em { background: linear-gradient(105deg, var(--mint), var(--sage) 55%, var(--lime-dark)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.hero-text { max-width: 490px; color: #b3aab9; font-size: 14px; }
.hero-actions { gap: 11px; }
.primary-button, .submit-button { border-radius: 8px; padding: 14px 18px; background: linear-gradient(135deg, var(--lime), var(--sage) 60%, var(--moss)); color: #07110c; box-shadow: 0 8px 24px rgba(93, 178, 72, .23); text-decoration: none; }
.primary-button:hover, .submit-button:hover { box-shadow: 0 12px 32px rgba(93, 178, 72, .4); }
.text-link { padding: 13px 17px; border: 1px solid rgba(168, 224, 99, .22); border-radius: 8px; color: #d4e4d6; }
.hero-art { min-height: 720px; z-index: 2; background-position: center; filter: saturate(.78) contrast(1.07); }
.hero-overlay { background: linear-gradient(90deg, rgba(8, 6, 11, .65), transparent 38%), linear-gradient(0deg, rgba(8, 6, 11, .95), transparent 55%); }
.hero-stamp { width: 86px; height: 86px; top: 24%; right: 14%; border-color: rgba(168, 224, 99, .65); color: #a8e063; }
.art-caption { bottom: 9%; color: #ded5e2; }
.caption-line { background: #a8e063; }
.stats-strip { position: relative; z-index: 3; gap: 7vw; padding: 28px 13%; border-top: 1px solid rgba(168, 224, 99, .15); border-bottom: 1px solid rgba(168, 224, 99, .12); background: linear-gradient(100deg, #0a1810, #12291a 52%, #0d2116); }
.stats-strip strong { color: var(--mint); }
.stats-strip span, .stats-strip p { color: #a9a0b0; }
.stats-strip b { color: #b8ed72; }

.benefits-section, .application-section { background: linear-gradient(115deg, #0a160e, #0e1d13 58%, #09140d); }
.section-intro h2, .gallery h2 { color: #f7f3f8; }
.section-intro h2 em, .gallery h2 em, .gallery .eyebrow, .application-section .eyebrow { color: var(--sage); }
.section-intro > p:last-child, .gallery-copy > p:last-child { color: #9f96a6; }
.benefit-group { border-top-color: rgba(121, 184, 120, .3); }
.benefit-group h3 { color: #f5f0f7; }
.benefit-group h3 span, .benefit-group li::before { color: #a8e063; }
.banned li::before { color: var(--red); }
.gallery { background: linear-gradient(125deg, #07110c, #10251a 54%, #09150e); }
.gallery-image { border-color: rgba(168, 224, 99, .24); box-shadow: 0 10px 30px rgba(0, 0, 0, .2); }
.gallery-image::after { background: linear-gradient(135deg, rgba(168, 224, 99, .2), transparent 48%); }
.gallery-image:hover { box-shadow: 0 18px 45px rgba(48, 130, 67, .22); }
.application-section { border-top: 1px solid rgba(168, 224, 99, .12); }
.application-form { border-left-color: rgba(121, 184, 120, .28); }
.form-heading span, .profile-avatar, .toast-icon { color: #a8e063; }
.application-form input[type='number'], .application-form input[type='text'], .application-form textarea { border-color: rgba(168, 224, 99, .18); background: #0d1a12; }
.application-form input:focus, .application-form textarea:focus { border-color: #a8e063; box-shadow: 0 0 0 3px rgba(168, 224, 99, .13); }
.radio-grid span, .fake-check { border-color: rgba(168, 224, 99, .19); }
.radio-grid input:checked + span { border-color: #a8e063; background: rgba(168, 224, 99, .13); color: #c4f383; }
.fake-check { background: #0b1710; }
.check-label input:checked + .fake-check { background: #a8e063; box-shadow: inset 0 0 0 3px #14241a; }
.profile-avatar { background: linear-gradient(135deg, #b8ed72, #3f8d43); color: #07110c; }
.connected-avatar { border-color: #a8e063; box-shadow: 0 0 0 3px rgba(168, 224, 99, .16); }
.modal-backdrop { background: rgba(4, 2, 8, .82); }
.modal { background: #101d15; border-color: rgba(168, 224, 99, .25); }
.modal-mark { background: linear-gradient(135deg, #b8ed72, #3f8d43); }
.modal h2 { color: #f6f0fa; }
.toast { background: #14241a; border-color: rgba(168, 224, 99, .25); }
.reveal { transform: translateY(15px); transition-duration: .8s; }
@keyframes reveal { from { opacity: 0; transform: scale(1.025); filter: saturate(.55) contrast(1.07); } to { opacity: 1; transform: scale(1); filter: saturate(.78) contrast(1.07); } }

body[data-faction="armas-del-navaro"] {
  --night: #07111f;
  --paper: #0d1b2d;
  --panel: #11263b;
  --muted: #91a8bd;
  --soft: #edf6ff;
  --lime: #55b9ee;
  --lime-dark: #236ca1;
  --line: rgba(85, 185, 238, .22);
  --forest: #07111f;
  --pine: #0d2035;
  --moss: #245477;
  --sage: #71b9dd;
  --mint: #b9edff;
  background: var(--night);
}
body[data-faction="armas-del-navaro"] .hero-art { background-image: url('images/armasduo,jpg'); }
body[data-faction="armas-del-navaro"] .image-one,
body[data-faction="armas-del-navaro"] .image-two,
body[data-faction="armas-del-navaro"] .image-three { background-image: url('images/armasduo,jpg'); }
body[data-faction="armas-del-navaro"]::before { background: radial-gradient(circle, rgba(46, 125, 190, .2), transparent 68%); }
body[data-faction="armas-del-navaro"]::after { background: radial-gradient(circle, rgba(85, 185, 238, .1), transparent 70%); }
body[data-faction="armas-del-navaro"] .site-header { border-bottom-color: rgba(113, 185, 221, .2); background: rgba(7, 17, 31, .88); }
body[data-faction="armas-del-navaro"] .site-header.scrolled { background: rgba(7, 17, 31, .97); }
body[data-faction="armas-del-navaro"] .brand-mark { background: linear-gradient(135deg, #a9e8ff, #236ca1); color: #07111f; box-shadow: 0 0 22px rgba(85, 185, 238, .4); }
body[data-faction="armas-del-navaro"] .brand b,
body[data-faction="armas-del-navaro"] .eyebrow { color: #71d0ff; }
body[data-faction="armas-del-navaro"] .main-nav a:hover,
body[data-faction="armas-del-navaro"] .main-nav a:focus-visible { border-color: rgba(113, 208, 255, .4); background: rgba(36, 104, 153, .18); }
body[data-faction="armas-del-navaro"] .main-nav .faction-link { border-color: rgba(113, 185, 221, .25); background: rgba(36, 84, 119, .2); color: #c4efff; }
body[data-faction="armas-del-navaro"] .main-nav .faction-link.active,
body[data-faction="armas-del-navaro"] .current-faction { border-color: var(--lime); background: linear-gradient(135deg, rgba(85, 185, 238, .25), rgba(36, 84, 119, .35)); color: var(--mint); }
body[data-faction="armas-del-navaro"] .current-faction::before { background: var(--lime); box-shadow: 0 0 9px rgba(85, 185, 238, .9); }
body[data-faction="armas-del-navaro"] .discord-button { background: linear-gradient(135deg, #b9edff, #4e9dcc); color: #07111f; box-shadow: 0 6px 18px rgba(52, 142, 201, .24); }
body[data-faction="armas-del-navaro"] .hero { background: var(--forest); }
body[data-faction="armas-del-navaro"] .hero::before { background: linear-gradient(90deg, rgba(5, 14, 28, .98) 0%, rgba(5, 14, 28, .84) 38%, rgba(5, 14, 28, .24) 72%, rgba(5, 14, 28, .8) 100%), linear-gradient(0deg, #07111f 0%, transparent 35%); }
body[data-faction="armas-del-navaro"] .hero-copy::before { background: radial-gradient(circle, rgba(46, 125, 190, .2), transparent 68%); }
body[data-faction="armas-del-navaro"] .hero h1 em { background: linear-gradient(105deg, #c9f2ff, #61c7f2 55%, #236ca1); -webkit-background-clip: text; background-clip: text; }
body[data-faction="armas-del-navaro"] .primary-button,
body[data-faction="armas-del-navaro"] .submit-button { background: linear-gradient(135deg, #b9edff, #4e9dcc 60%, #245477); color: #07111f; box-shadow: 0 8px 24px rgba(52, 142, 201, .28); }
body[data-faction="armas-del-navaro"] .text-link { border-color: rgba(113, 208, 255, .26); }
body[data-faction="armas-del-navaro"] .hero-stamp,
body[data-faction="armas-del-navaro"] .caption-line { border-color: rgba(113, 208, 255, .7); color: #71d0ff; background-color: #71d0ff; }
body[data-faction="armas-del-navaro"] .stats-strip { background: linear-gradient(100deg, #0a192b, #123450 52%, #0d2035); border-color: rgba(113, 185, 221, .18); }
body[data-faction="armas-del-navaro"] .stats-strip strong { color: #b9edff; }
body[data-faction="armas-del-navaro"] .benefits-section,
body[data-faction="armas-del-navaro"] .application-section { background: linear-gradient(115deg, #091727, #0d2237 58%, #081421); }
body[data-faction="armas-del-navaro"] .gallery { background: linear-gradient(125deg, #07111f, #102b44 54%, #091827); }
body[data-faction="armas-del-navaro"] .benefit-group,
body[data-faction="armas-del-navaro"] .application-form { border-color: rgba(113, 185, 221, .3); }
body[data-faction="armas-del-navaro"] .benefit-group h3 span,
body[data-faction="armas-del-navaro"] .benefit-group li::before,
body[data-faction="armas-del-navaro"] .section-intro h2 em,
body[data-faction="armas-del-navaro"] .gallery h2 em { color: #71d0ff; }
body[data-faction="armas-del-navaro"] .gallery-image { border-color: rgba(113, 185, 221, .28); }
body[data-faction="armas-del-navaro"] .gallery-image::after { background: linear-gradient(135deg, rgba(85, 185, 238, .22), transparent 48%); }
body[data-faction="armas-del-navaro"] .application-form input[type="number"],
body[data-faction="armas-del-navaro"] .application-form input[type="text"],
body[data-faction="armas-del-navaro"] .application-form textarea { border-color: rgba(113, 185, 221, .22); background: #0b1b2d; }
body[data-faction="armas-del-navaro"] .application-form input:focus,
body[data-faction="armas-del-navaro"] .application-form textarea:focus { border-color: #55b9ee; box-shadow: 0 0 0 3px rgba(85, 185, 238, .14); }
body[data-faction="armas-del-navaro"] .radio-grid span,
body[data-faction="armas-del-navaro"] .fake-check { border-color: rgba(113, 185, 221, .22); }
body[data-faction="armas-del-navaro"] .radio-grid input:checked + span { border-color: #55b9ee; background: rgba(85, 185, 238, .14); color: #b9edff; }
body[data-faction="armas-del-navaro"] .check-label input:checked + .fake-check,
body[data-faction="armas-del-navaro"] .profile-avatar { background: linear-gradient(135deg, #b9edff, #3d88b5); }
body[data-faction="armas-del-navaro"] .connected-avatar { border-color: #55b9ee; box-shadow: 0 0 0 3px rgba(85, 185, 238, .18); }
body[data-faction="armas-del-navaro"] .modal { background: #0e2034; border-color: rgba(113, 185, 221, .28); }
body[data-faction="armas-del-navaro"] .modal-mark { background: linear-gradient(135deg, #b9edff, #236ca1); }
body[data-faction="armas-del-navaro"] .toast { background: #11263b; border-color: rgba(113, 185, 221, .28); }
body[data-faction="navaro-cartel"] .current-faction,
.main-nav .faction-link[data-faction-link="navaro-cartel"] { color: #ff4d5e !important; }
.montana-cartel-name { color: #ff4d5e !important; }
body[data-faction="navaro-cartel"] {
  --night: #100709;
  --paper: #1a0c10;
  --panel: #241015;
  --muted: #b99a9f;
  --soft: #fff0f1;
  --lime: #ff4d5e;
  --lime-dark: #9f2432;
  --line: rgba(255, 77, 94, .22);
  --forest: #100709;
  --pine: #210c11;
  --moss: #6b1b28;
  --sage: #d34c59;
  --mint: #ffc2c8;
  --red: #ff4d5e;
  background: var(--night);
}
body[data-faction="navaro-cartel"]::before { background: radial-gradient(circle, rgba(190, 34, 52, .19), transparent 68%); }
body[data-faction="navaro-cartel"]::after { background: radial-gradient(circle, rgba(255, 77, 94, .09), transparent 70%); }
body[data-faction="navaro-cartel"] .site-header { border-bottom-color: rgba(255, 77, 94, .2); background: rgba(18, 7, 10, .9); }
body[data-faction="navaro-cartel"] .site-header.scrolled { background: rgba(16, 7, 9, .97); }
body[data-faction="navaro-cartel"] .brand b,
body[data-faction="navaro-cartel"] .eyebrow { color: #ff6b78; }
body[data-faction="navaro-cartel"] .main-nav a:hover,
body[data-faction="navaro-cartel"] .main-nav a:focus-visible { border-color: rgba(255, 77, 94, .4); background: rgba(190, 34, 52, .16); }
body[data-faction="navaro-cartel"] .main-nav .faction-link { border-color: rgba(255, 77, 94, .28); background: rgba(120, 25, 38, .22); color: #ffd9dc; }
body[data-faction="navaro-cartel"] .main-nav .faction-link.active,
body[data-faction="navaro-cartel"] .current-faction { border-color: #ff4d5e; background: linear-gradient(135deg, rgba(255, 77, 94, .22), rgba(120, 25, 38, .34)); color: #ff6b78; }
body[data-faction="navaro-cartel"] .current-faction::before { background: #ff4d5e; box-shadow: 0 0 9px rgba(255, 77, 94, .8); }
body[data-faction="navaro-cartel"] .discord-button { background: linear-gradient(135deg, #ffc2c8, #d34c59); box-shadow: 0 6px 18px rgba(190, 34, 52, .24); }
body[data-faction="navaro-cartel"] .hero { background: var(--forest); }
body[data-faction="navaro-cartel"] .hero::before { background: linear-gradient(90deg, rgba(16, 7, 9, .98) 0%, rgba(16, 7, 9, .84) 38%, rgba(16, 7, 9, .24) 72%, rgba(16, 7, 9, .8) 100%), linear-gradient(0deg, #100709 0%, transparent 35%); }
body[data-faction="navaro-cartel"] .hero-copy::before { background: radial-gradient(circle, rgba(190, 34, 52, .2), transparent 68%); }
body[data-faction="navaro-cartel"] .hero h1 em { background: linear-gradient(105deg, #ffd9dc, #ff6b78 55%, #9f2432); -webkit-background-clip: text; background-clip: text; }
body[data-faction="navaro-cartel"] .primary-button,
body[data-faction="navaro-cartel"] .submit-button { background: linear-gradient(135deg, #ffc2c8, #d34c59 60%, #6b1b28); box-shadow: 0 8px 24px rgba(190, 34, 52, .28); }
body[data-faction="navaro-cartel"] .hero-stamp,
body[data-faction="navaro-cartel"] .caption-line { border-color: rgba(255, 107, 120, .7); color: #ff6b78; background-color: #ff6b78; }
body[data-faction="navaro-cartel"] .hero-stamp { background-color: transparent; }
body[data-faction="navaro-cartel"] .stats-strip { background: linear-gradient(100deg, #18090d, #321017 52%, #210c11); border-color: rgba(255, 77, 94, .18); }
body[data-faction="navaro-cartel"] .stats-strip strong { color: #ffc2c8; }
body[data-faction="navaro-cartel"] .stats-strip b { color: #ff858f; }
body[data-faction="navaro-cartel"] .benefits-section,
body[data-faction="navaro-cartel"] .application-section { background: linear-gradient(115deg, #16090d, #250e14 58%, #12080b); }
body[data-faction="navaro-cartel"] .gallery { background: linear-gradient(125deg, #100709, #291017 54%, #14090d); }
body[data-faction="navaro-cartel"] .section-intro h2 em,
body[data-faction="navaro-cartel"] .gallery h2 em,
body[data-faction="navaro-cartel"] .gallery .eyebrow,
body[data-faction="navaro-cartel"] .application-section .eyebrow,
body[data-faction="navaro-cartel"] .benefit-group h3 span,
body[data-faction="navaro-cartel"] .benefit-group li::before { color: #ff6b78; }
body[data-faction="navaro-cartel"] .benefit-group,
body[data-faction="navaro-cartel"] .application-form { border-color: rgba(255, 77, 94, .28); }
body[data-faction="navaro-cartel"] .gallery-image { border-color: rgba(255, 77, 94, .26); }
body[data-faction="navaro-cartel"] .gallery-image::after { background: linear-gradient(135deg, rgba(190, 34, 52, .2), transparent 48%); }
body[data-faction="navaro-cartel"] .application-form input[type="number"],
body[data-faction="navaro-cartel"] .application-form input[type="text"],
body[data-faction="navaro-cartel"] .application-form textarea { border-color: rgba(255, 77, 94, .2); background: #190b0f; }
body[data-faction="navaro-cartel"] .application-form input:focus,
body[data-faction="navaro-cartel"] .application-form textarea:focus { border-color: #ff4d5e; box-shadow: 0 0 0 3px rgba(255, 77, 94, .14); }
body[data-faction="navaro-cartel"] .radio-grid span,
body[data-faction="navaro-cartel"] .fake-check { border-color: rgba(255, 77, 94, .22); }
body[data-faction="navaro-cartel"] .radio-grid input:checked + span { border-color: #ff4d5e; background: rgba(255, 77, 94, .14); color: #ffc2c8; }
body[data-faction="navaro-cartel"] .check-label input:checked + .fake-check,
body[data-faction="navaro-cartel"] .profile-avatar { background: linear-gradient(135deg, #ffc2c8, #9f2432); }
body[data-faction="navaro-cartel"] .connected-avatar { border-color: #ff4d5e; box-shadow: 0 0 0 3px rgba(255, 77, 94, .18); }
body[data-faction="navaro-cartel"] .modal { background: #1a0c10; border-color: rgba(255, 77, 94, .28); }
body[data-faction="navaro-cartel"] .modal-mark { background: linear-gradient(135deg, #ffc2c8, #9f2432); }
body[data-faction="navaro-cartel"] .toast { background: #241015; border-color: rgba(255, 77, 94, .28); }
@media (max-width: 800px) {
  .site-header { padding: 10px 6%; }
  .brand-logo { width: 105px; }
  .current-faction { margin-left: auto; }
  .hero { min-height: 0; }
  .hero-copy { min-height: 72vh; padding: 135px 8% 55px; }
  .hero-copy::before { left: 0; }
  .hero h1 { font-size: clamp(50px, 14vw, 76px); }
  .hero-art { min-height: 410px; }
  .stats-strip { padding: 25px 8%; }
  .application-form { border-left: 0; }
}