.bypass-page { padding: 0 0 130px; overflow: hidden; }
.bypass-hero { position: relative; display: grid; grid-template-columns: 1.18fr .82fr; align-items: center; min-height: 440px; padding-top: 44px; padding-bottom: 58px; }
.bypass-hero::before { content: ""; position: absolute; z-index: -2; inset: 0 calc(50% - 50vw); background: radial-gradient(circle at 74% 48%,rgba(0,237,172,.14),transparent 27%),linear-gradient(110deg,rgba(3,17,19,.98),rgba(4,20,22,.68)),url("assets/terrain-background.png") center/cover; }
.bypass-hero-copy { position: relative; z-index: 2; }
.bypass-kicker { display: inline-flex; align-items: center; gap: 9px; color: #22eebb; font-size: .66rem; font-weight: 900; letter-spacing: .16em; }
.bypass-kicker i { width: 7px; height: 7px; transform: rotate(45deg); background: #22eebb; box-shadow: 0 0 13px #22eebb; }
.bypass-hero h1 { margin: 17px 0; color: #f3faf8; font: 900 clamp(3.7rem,7vw,6.3rem)/.82 "Orbitron","Segoe UI",sans-serif; letter-spacing: -.085em; }
.bypass-hero h1 em { color: transparent; -webkit-text-stroke: 2px #22eebb; font-style: normal; }
.bypass-hero-copy > p { max-width: 540px; color: #a8bbb5; font-size: .96rem; line-height: 1.65; }
.bypass-live { display: inline-flex; align-items: center; gap: 9px; margin-top: 14px; padding: 8px 11px; border: 1px solid rgba(34,238,187,.22); color: #9eb2ac; background: rgba(5,25,25,.72); font-size: .68rem; }
.bypass-live > span { width: 8px; height: 8px; border-radius: 50%; background: #22eebb; box-shadow: 0 0 12px #22eebb; }
.bypass-live b { color: #f1c85b; }
.bypass-console { position: relative; margin-top: 24px; padding: 28px; border: 1px solid rgba(91,139,128,.38); background: linear-gradient(145deg,rgba(7,28,29,.98),rgba(4,17,19,.98)); box-shadow: 0 30px 80px rgba(0,0,0,.35); }
.bypass-console::before { content: ""; position: absolute; top: -1px; left: 28px; width: 120px; height: 2px; background: #22eebb; box-shadow: 0 0 16px rgba(34,238,187,.5); }
.console-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 24px; }
.console-head span { color: #22eebb; font-size: .6rem; font-weight: 900; letter-spacing: .16em; }
.console-head h2 { margin: 5px 0 0; color: #f4f9f7; font-size: 1.65rem; }
.console-signal { display: flex; align-items: end; gap: 5px; }
.console-signal i { width: 7px; height: 20px; background: #1a3b37; }
.console-signal i:nth-child(2) { height: 29px; background: #147f6c; }
.console-signal i:nth-child(3) { height: 38px; background: #22eebb; box-shadow: 0 0 12px rgba(34,238,187,.4); }
#bypassForm label { display: block; margin-bottom: 8px; color: #8fa59e; font-size: .72rem; }
.bypass-input-wrap { display: grid; grid-template-columns: 26px 1fr auto; align-items: center; gap: 10px; padding: 8px 9px 8px 15px; border: 1px solid #45645c; background: #031315; }
.bypass-input-wrap:focus-within { border-color: #22eebb; box-shadow: 0 0 0 3px rgba(34,238,187,.07); }
.bypass-input-wrap svg { width: 22px; fill: none; stroke: #22eebb; stroke-width: 1.7; }
.bypass-input-wrap input { min-width: 0; padding: 13px 4px; border: 0; outline: 0; color: #f4faf8; background: transparent; font: inherit; }
.bypass-input-wrap button { min-height: 42px; padding: 0 18px; border: 1px solid #3e5c54; color: #b9cac5; background: #0c2423; font-weight: 800; cursor: pointer; }
.bypass-detect { display: flex; align-items: center; gap: 9px; min-height: 45px; color: #789089; font-size: .78rem; }
.detect-dot { width: 7px; height: 7px; border-radius: 50%; background: #5c6e69; }
.bypass-detect.is-ready { color: #b9eede; }.bypass-detect.is-ready .detect-dot { background: #22eebb; box-shadow: 0 0 9px #22eebb; }
.bypass-detect.is-warning { color: #f0c65a; }.bypass-detect.is-warning .detect-dot { background: #f0c65a; }
.bypass-detect.is-error { color: #ff8290; }.bypass-detect.is-error .detect-dot { background: #ff5367; }
.bypass-submit { display: flex; align-items: center; justify-content: center; gap: 14px; width: 100%; min-height: 55px; border: 0; color: #042019; background: linear-gradient(90deg,#22eebb,#77f6d4); font: 900 .78rem "Orbitron",sans-serif; letter-spacing: .1em; cursor: pointer; }
.bypass-submit svg { width: 21px; fill: none; stroke: currentColor; stroke-width: 2; }
.bypass-form-note { margin: 13px 0 0; color: #6f817c; font-size: .72rem; text-align: center; }
.bypass-grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: 18px; margin-top: 25px; }
.bypass-install,.bypass-steps { border: 1px solid rgba(90,135,125,.3); background: rgba(6,24,25,.88); }
.bypass-install { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 22px; padding: 26px; }
.install-icon { display: grid; grid-template-columns: 60px; grid-template-rows: 60px auto; justify-items: center; gap: 7px; }
.install-icon b { display: grid; place-items: center; width: 60px; height: 60px; border: 1px solid #7659c8; border-radius: 14px; color: #fff; background: linear-gradient(145deg,#5f3dc4,#1971c2); font-size: 31px; box-shadow: 0 10px 30px rgba(91,62,194,.28); }
.install-icon span { color: #6f8881; font-size: .45rem; font-weight: 900; letter-spacing: .14em; text-align: center; }
.bypass-install h2 { margin: 8px 0; color: #f0f7f4; font-size: 1.4rem; }
.bypass-install p { margin: 0; color: #849a94; font-size: .84rem; line-height: 1.6; }
.install-meta { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 14px; }
.install-meta span { padding: 5px 8px; border: 1px solid #304c46; color: #8fa7a0; font-size: .58rem; }
.bypass-install-button { display: flex; align-items: center; justify-content: center; gap: 16px; min-height: 48px; padding: 0 18px; border: 1px solid #22eebb; color: #071c17; background: #22eebb; font-size: .72rem; font-weight: 900; white-space: nowrap; }
.bypass-steps { padding: 26px; }.bypass-steps ol { display: grid; gap: 1px; margin: 18px 0 0; padding: 0; list-style: none; }
.bypass-steps li { display: grid; grid-template-columns: 44px 1fr; align-items: center; gap: 13px; padding: 13px; background: #081d1e; }
.bypass-steps li > b { color: #22eebb; font: 800 .75rem "Orbitron",sans-serif; }.bypass-steps strong,.bypass-steps span { display: block; }
.bypass-steps strong { color: #eaf4f1; font-size: .8rem; }.bypass-steps li span { margin-top: 4px; color: #718981; font-size: .67rem; }
.supported-strip { margin-top: 25px; border-block: 1px solid rgba(87,132,122,.26); background: rgba(5,20,21,.78); }
.supported-strip > .container { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 25px; min-height: 90px; }
.supported-strip > .container > span { color: #22eebb; font-size: .62rem; font-weight: 900; letter-spacing: .17em; }
.supported-list { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; }.supported-list::-webkit-scrollbar { display: none; }
.supported-list b { flex: 0 0 auto; padding: 10px 13px; border: 1px solid #2b4842; color: #8ea49e; background: #081c1d; font-size: .67rem; }
.bypass-credit { margin-top: 22px; color: #627973; font-size: .68rem; text-align: center; }.bypass-credit a { color: #22eebb; }
@media(max-width:800px){.bypass-hero{grid-template-columns:1fr;padding-top:40px}.bypass-grid{grid-template-columns:1fr}.bypass-install{grid-template-columns:auto 1fr}.bypass-install-button{grid-column:1/-1}.bypass-console{margin-top:18px}}
@media(max-width:560px){.bypass-page{padding-bottom:100px}.bypass-hero{padding-top:32px;padding-bottom:26px}.bypass-hero h1{font-size:clamp(3.15rem,17vw,4.5rem)}.bypass-hero-copy>p{font-size:.88rem}.bypass-console{width:calc(100% - 28px);padding:19px 14px;margin-top:0}.console-head h2{font-size:1.25rem}.bypass-input-wrap{grid-template-columns:22px 1fr;padding-left:12px}.bypass-input-wrap button{grid-column:1/-1;width:100%}.bypass-install{grid-template-columns:1fr;padding:19px}.install-icon{grid-template-columns:54px 1fr;grid-template-rows:54px;align-items:center;justify-items:start}.install-icon b{width:54px;height:54px}.bypass-steps{padding:19px}.supported-strip>.container{grid-template-columns:1fr;gap:10px;padding-block:18px}.bypass-live{font-size:.62rem}}
@media(max-width:560px){.bypass-hero{min-height:auto;padding-top:24px;padding-bottom:18px}.bypass-hero h1{margin:13px 0;font-size:clamp(2.85rem,15vw,3.8rem)}.bypass-hero-copy>p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;line-height:1.55}.bypass-live{margin-top:9px}.bypass-logo-stage{width:min(165px,48vw);margin:-8px auto -5px}.bypass-console{width:calc(100% - 24px);padding:16px 12px}.console-head{margin-bottom:16px}.bypass-input-wrap input{padding-block:10px}.bypass-submit{min-height:48px}.bypass-grid{gap:12px;margin-top:16px}.bypass-install,.bypass-steps{padding:16px}}
@media(max-width:640px){.bypass-page,.bypass-hero,.bypass-console,.bypass-grid,.bypass-install,.bypass-steps{min-width:0;max-width:100%}.bypass-input-wrap{min-width:0}.bypass-input-wrap input{font-size:16px}.supported-list{overflow:hidden}}

/* Compact subpage masthead */
.bypass-hero{grid-template-columns:minmax(0,1fr) 210px;min-height:286px;padding-top:30px;padding-bottom:32px;gap:34px}
.bypass-hero h1{margin:12px 0;font-size:clamp(2.7rem,4.8vw,4.25rem);line-height:.86}
.bypass-hero-copy>p{font-size:.88rem;line-height:1.55}
.bypass-logo-stage{width:190px}
@media(max-width:800px){.bypass-hero{grid-template-columns:minmax(0,1fr) 150px;min-height:250px;padding-top:24px;padding-bottom:24px}.bypass-logo-stage{width:145px}}
@media(max-width:560px){.bypass-hero{display:block;min-height:auto;padding-top:20px;padding-bottom:18px}.bypass-hero h1{font-size:clamp(2.25rem,11.5vw,3.15rem)}.bypass-logo-stage{display:none}.bypass-live{margin-top:8px}}
