:root{background:#000;font-family:Arial,Helvetica,sans-serif}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}*{box-sizing:border-box}:root{--bg:#050705;--panel:#0b0f0ac7;--panel-strong:#000000c7;--military-green:#53643a;--military-dark:#151b10;--accent:#f7b733;--accent-strong:#fc3;--text:#f5f3e8;--muted:#b7b9aa;--line:#f7b7332e}body{background:var(--bg);margin:0;font-family:Arial,Helvetica,sans-serif;overflow:hidden}button{font-family:inherit}.app-shell{width:100vw;height:100svh;color:var(--text);background:radial-gradient(circle at 20% 15%,#f7b7331f,#0000 26%),radial-gradient(circle at 80% 20%,#53643a3d,#0000 30%),linear-gradient(135deg,#030403 0%,#11170d 48%,#050705 100%);grid-template-rows:74px minmax(0,1fr) 50px;display:grid;overflow:hidden}.appbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:50;background:#000000a3;justify-content:space-between;align-items:center;height:74px;padding:0 clamp(16px,4vw,56px);display:flex;position:relative}.brand{min-width:0;color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.brand-icon{border:2px solid var(--accent);width:44px;height:44px;color:var(--accent-strong);letter-spacing:1px;background:linear-gradient(145deg,#f7b73333,#53643a52),#0b0f08;border-radius:12px;flex-shrink:0;place-items:center;font-weight:900;display:grid;box-shadow:0 0 24px #f7b7332e}.brand-text{flex-direction:column;min-width:0;line-height:1.1;display:flex}.brand-text strong{text-transform:uppercase;letter-spacing:1.4px;white-space:nowrap;font-size:1.05rem}.brand-text span{color:var(--muted);white-space:nowrap;margin-top:4px;font-size:.78rem}.nav-links{align-items:center;gap:clamp(14px,2.5vw,34px);display:flex}.nav-links a,.nav-button{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:.86rem;text-decoration:none;transition:all .25s}.nav-links a:hover,.nav-links .active,.nav-button:hover{color:var(--accent)}.nav-button{cursor:pointer;background:0 0;border:none}.appbar-actions{align-items:center;gap:12px;display:flex}.appbar-button{color:#121008;text-transform:uppercase;letter-spacing:.8px;cursor:pointer;background:linear-gradient(135deg,#f7b733,#d48b14);border:1px solid #f7b733b3;border-radius:999px;min-height:42px;padding:0 20px;font-weight:900;transition:all .25s;box-shadow:0 0 26px #f7b73338}.appbar-button:hover{transform:translateY(-1px);box-shadow:0 0 34px #f7b73352}.mobile-menu-button{cursor:pointer;background:linear-gradient(145deg,#f7b7331f,#000000bf),#000000b3;border:1px solid #f7b7338c;border-radius:13px;flex-shrink:0;width:42px;height:42px;padding:9px;display:none}.mobile-menu-button span{background:var(--accent-strong);border-radius:999px;width:100%;height:2px;margin:5px 0;transition:all .25s;display:block}.mobile-menu-button.active span:first-child{transform:translateY(7px)rotate(45deg)}.mobile-menu-button.active span:nth-child(2){opacity:0}.mobile-menu-button.active span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;pointer-events:none;z-index:100;background:radial-gradient(circle at 100% 0,#f7b7332e,#0000 34%),linear-gradient(145deg,#000000f7,#131b0ef7);border:1px solid #f7b7333d;border-radius:22px;flex-direction:column;gap:8px;width:min(290px,100vw - 32px);padding:14px;transition:all .25s;display:flex;position:fixed;top:82px;right:16px;transform:translateY(-10px)scale(.97);box-shadow:0 25px 70px #000000bf,inset 0 0 0 1px #ffffff09}.mobile-menu-panel.open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.mobile-menu-panel a,.mobile-menu-panel button{width:100%;min-height:48px;color:var(--text);text-transform:uppercase;letter-spacing:1.2px;cursor:pointer;background:#00000061;border:1px solid #f7b7331f;border-radius:15px;align-items:center;padding:0 16px;font-size:.86rem;font-weight:800;text-decoration:none;transition:all .2s;display:flex}.mobile-menu-panel a:hover,.mobile-menu-panel button:hover,.mobile-menu-panel .active{color:var(--accent-strong);background:#f7b7331c;border-color:#f7b73373}.hero{justify-content:center;align-items:center;min-height:0;padding:18px;display:flex;overflow:hidden}.hero-layout{grid-template-columns:clamp(380px,28vw,500px) minmax(0,1fr);align-items:center;gap:clamp(18px,2.4vw,42px);width:min(96vw,1660px);height:100%;display:grid}.hero-content{background:linear-gradient(145deg,#000000b8,#151b10b8),repeating-linear-gradient(45deg,#f7b7330a 0 2px,#0000 2px 9px);border:1px solid #f7b73329;border-radius:28px;width:100%;max-height:100%;padding:clamp(24px,2.6vw,44px);overflow:hidden;box-shadow:0 28px 80px #00000073}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:1.8px;margin:0 0 12px;font-size:.78rem;font-weight:800}.hero-content h1,.screen-card h1{color:var(--text);text-transform:uppercase;margin:0}.hero-title{flex-direction:column;gap:6px;max-width:100%;line-height:.94;display:flex}.hero-line{color:var(--text);letter-spacing:-1.2px;white-space:nowrap;font-size:clamp(2rem,2.75vw,3.3rem);font-weight:900;display:block}.hero-line-experience{font-size:clamp(1.8rem,2.45vw,2.9rem)}.hero-title-highlight{color:var(--accent-strong);letter-spacing:-1.5px;white-space:nowrap;font-size:clamp(2.55rem,3.65vw,4.45rem);font-weight:900;line-height:.9;display:block}.hero-content p,.screen-card p{color:var(--muted);line-height:1.6}.primary-action{color:#121008;text-transform:uppercase;letter-spacing:.8px;cursor:pointer;background:linear-gradient(135deg,#f7b733,#d48b14);border:1px solid #f7b733b8;border-radius:999px;min-height:50px;margin-top:14px;padding:0 24px;font-weight:900;box-shadow:0 0 26px #f7b73338}.carousel{aspect-ratio:16/9;background:#000;border:1px solid #f7b73329;border-radius:30px;width:min(94vw,177.778svh - 266.667px,1420px);position:relative;overflow:hidden;box-shadow:0 30px 90px #000000bf,inset 0 0 0 1px #ffffff0a}.hero-layout .carousel{width:100%;max-height:calc(100svh - 150px)}.carousel-bg{filter:blur(26px);opacity:.45;background-position:50%;background-size:cover;transition:background-image .8s ease-in-out;position:absolute;inset:0;transform:scale(1.15)}.tactical-overlay{z-index:1;pointer-events:none;background:linear-gradient(90deg,#00000061,#0000 24% 76%,#00000061),radial-gradient(circle,#0000 40%,#00000040);position:absolute;inset:0}.carousel-image{object-fit:contain;opacity:0;z-index:2;width:100%;height:100%;transition:opacity 1s ease-in-out,transform 1s ease-in-out;position:absolute;inset:0;transform:scale(.985)}.carousel-image.active{opacity:1;transform:scale(1)}.arrow{color:#fff;cursor:pointer;z-index:4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000094;border:1px solid #f7b7332e;border-radius:50%;width:54px;height:54px;font-size:42px;transition:all .25s;position:absolute;top:50%;transform:translateY(-50%)}.arrow:hover{background:#f7b73338;border-color:#f7b7338c}.left{left:22px}.right{right:22px}.dots{z-index:4;gap:10px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.dot{cursor:pointer;background:#ffffff73;border:none;border-radius:50%;width:11px;height:11px;transition:all .25s}.dot.active{background:var(--accent-strong);border-radius:20px;width:36px;box-shadow:0 0 16px #f7b73380}.screen{place-items:start center;height:100%;min-height:0;padding:20px;display:grid;overflow:hidden auto}.screen-card{background:radial-gradient(circle at 100% 0,#f7b73321,#0000 32%),linear-gradient(145deg,#000c,#151b10d1);border:1px solid #f7b7332e;border-radius:32px;width:min(94vw,1100px);margin:auto 0;padding:clamp(24px,4vw,48px);overflow:visible;box-shadow:0 30px 90px #000000b3}.screen-card h1{font-size:clamp(2rem,4vw,4rem);line-height:.95}.screen-card h1 span{color:var(--accent-strong)}.info-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0 8px;display:grid}.info-grid article,.rules-list article{background:#00000059;border:1px solid #f7b73324;border-radius:20px;padding:18px}.info-grid h3,.rules-list h3{color:var(--accent-strong);text-transform:uppercase;letter-spacing:.8px;margin:0 0 8px}.info-grid p,.rules-list p{margin:0;font-size:.92rem}.rules-list{gap:14px;margin-top:28px;display:grid}.rules-list article{grid-template-columns:54px 1fr;align-items:start;gap:16px;display:grid}.rules-list strong{width:46px;height:46px;color:var(--accent-strong);background:#f7b73324;border:1px solid #f7b73361;border-radius:50%;place-items:center;display:grid}.screen::-webkit-scrollbar{width:8px}.screen::-webkit-scrollbar-track{background:#00000059}.screen::-webkit-scrollbar-thumb{background:#f7b7338c;border-radius:999px}.screen::-webkit-scrollbar-thumb:hover{background:#f7b733d9}.footer{height:50px;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;background:#0000009e;border-top:1px solid #f7b73324;justify-content:center;align-items:center;gap:clamp(12px,4vw,42px);padding:0 18px;font-size:.78rem;display:flex}@media (width<=900px){.nav-links{display:none}.mobile-menu-button{display:block}.hero-layout{grid-template-columns:1fr;gap:14px}.info-grid{grid-template-columns:1fr}}@media (width<=768px) and (orientation:portrait){.app-shell{grid-template-rows:64px minmax(0,1fr) 44px}.appbar{height:64px;padding:0 10px}.brand{gap:9px}.brand-icon{border-radius:10px;width:38px;height:38px;font-size:.8rem}.brand-text strong{letter-spacing:1px;font-size:.82rem}.brand-text span{display:none}.appbar-actions{gap:8px}.appbar-button{white-space:nowrap;min-height:38px;padding:0 12px;font-size:.66rem}.mobile-menu-button{width:38px;height:38px;padding:8px;display:block}.mobile-menu-button span{margin:4px 0}.mobile-menu-panel{width:min(280px,100vw - 20px);top:72px;right:10px}.hero{justify-content:center;align-items:center;padding:10px 12px;overflow:hidden}.hero-layout{grid-template-rows:auto auto;grid-template-columns:1fr;align-content:center;gap:12px;width:100%;height:100%;display:grid}.hero-content{border-radius:20px;width:100%;padding:16px 18px;display:block}.hero-content .eyebrow{letter-spacing:1.4px;margin-bottom:8px;font-size:.58rem}.hero-title{gap:2px;line-height:.95}.hero-line{letter-spacing:-.5px;white-space:normal;font-size:clamp(1.25rem,6vw,1.65rem)}.hero-line-experience{font-size:clamp(1.15rem,5.4vw,1.5rem)}.hero-title-highlight{letter-spacing:-.8px;white-space:normal;font-size:clamp(1.7rem,8vw,2.25rem)}.hero-content p{margin:10px 0 0;font-size:.78rem;line-height:1.35}.hero-content .primary-action{display:none}.carousel{aspect-ratio:16/10;border-radius:22px;width:100%;max-width:430px;margin:0 auto}.carousel-image{object-fit:contain;padding:0}.carousel-bg{filter:blur(20px);opacity:.5;transform:scale(1.14)}.arrow{width:38px;height:38px;font-size:30px}.left{left:10px}.right{right:10px}.dots{gap:8px;bottom:10px}.dot{width:9px;height:9px}.dot.active{width:30px}.screen{padding:12px}.screen-card{border-radius:24px;width:100%;margin:0;padding:22px}.screen-card h1{font-size:2.2rem}.rules-list article{grid-template-columns:42px 1fr}.rules-list strong{width:38px;height:38px;font-size:.8rem}.footer{text-align:center;gap:12px;height:44px;padding:0 8px;font-size:.56rem;line-height:1.1}.footer-extra{display:none}}@media (width<=380px) and (orientation:portrait){.appbar-button{display:none}.mobile-menu-panel{width:auto;left:10px;right:10px}.hero-content p{display:none}.carousel{aspect-ratio:16/10}}@media (height<=520px) and (orientation:landscape){.app-shell{grid-template-rows:54px minmax(0,1fr) 36px}.appbar{height:54px;padding:0 18px}.brand-icon{width:36px;height:36px;font-size:.78rem}.brand-text strong{font-size:.82rem}.brand-text span,.nav-links{display:none}.mobile-menu-button{width:38px;height:38px;display:block}.appbar-button{min-height:36px;padding:0 14px;font-size:.72rem}.mobile-menu-panel{top:62px}.hero{padding:8px}.hero-layout{grid-template-columns:1fr;align-content:center}.hero-content{display:none}.carousel{aspect-ratio:16/9;border-radius:20px;width:min(94vw,177.778svh - 174.222px)}.arrow{width:42px;height:42px;font-size:34px}.footer{height:36px;font-size:.64rem}.footer-extra{display:none}}@media (width>=901px) and (height<=760px){.app-shell{grid-template-rows:68px minmax(0,1fr) 44px}.appbar{height:68px}.hero{padding:10px 18px}.hero-content{padding:24px 32px}.hero-line{font-size:clamp(1.75rem,2.35vw,2.8rem)}.hero-line-experience{font-size:clamp(1.6rem,2.15vw,2.55rem)}.hero-title-highlight{font-size:clamp(2.2rem,3.15vw,3.7rem)}.hero-content p{font-size:.95rem;line-height:1.45}.primary-action{min-height:46px;margin-top:8px}.footer{height:44px}}