@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--black:#050505;--black2:#090b0a;--white:#f5f6f4;--grey:#9ba19d;--grey2:#626a65;--green:#18f05b;--green2:#09c94a;--line:rgba(255,255,255,.11);--max:1480px;--ease:cubic-bezier(.2,.75,.2,1)}
*{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
button,a{touch-action:manipulation}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Inter,Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit}.page{min-height:100vh;background:#050505;overflow:hidden}.topline{height:4px;background:var(--green)}
.container{width:min(var(--max),calc(100% - 72px));margin:auto}
.nav{position:sticky;top:0;z-index:100;height:72px;background:rgba(5,5,5,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.nav-inner{height:100%;max-width:var(--max);padding:0 36px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:13px;min-width:250px}.brand-lockup{display:flex;flex-direction:column;line-height:.82}.brand-word{font:900 25px/.78 'Barlow Condensed';letter-spacing:1px}.brand-word span{color:var(--green)}.brand-sub{font-size:7px;font-weight:900;letter-spacing:4px;margin-top:6px;color:#b9bfbb}.brand-divider{height:34px;width:1px;background:var(--line)}.brand-division{font:800 9px/.9 'Barlow Condensed';letter-spacing:2px;color:#8d948f;text-transform:uppercase}.brand-mark{font:900 22px/.8 'Barlow Condensed';font-style:italic;color:var(--green);letter-spacing:-1px}.nav-links{display:flex;align-items:center;gap:3px}.nav-links a{padding:27px 15px 24px;color:#a9afab;font-size:10px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;position:relative;transition:.2s}.nav-links a:after{content:"";position:absolute;left:15px;right:15px;bottom:0;height:3px;background:var(--green);transform:scaleX(0);transform-origin:center;transition:.2s}.nav-links a:hover,.nav-links a.active{color:#fff}.nav-links a:hover:after,.nav-links a.active:after{transform:scaleX(1)}.nav-cta{background:var(--green)!important;color:#050505!important;margin-left:10px;padding:13px 20px!important;clip-path:polygon(0 0,100% 0,100% 78%,82% 100%,0 100%)}.nav-cta:after{display:none}.mobile-toggle{display:none;border:1px solid var(--line);background:#0a0a0a;color:#fff;padding:10px 12px;font-size:9px;font-weight:900;letter-spacing:1.5px}
.hero{min-height:760px;position:relative;background:#060806;display:flex;align-items:stretch;border-bottom:1px solid var(--line);overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050605 0%,rgba(5,6,5,.94) 31%,rgba(5,6,5,.3) 58%,rgba(5,6,5,.06) 100%),url('assets/oxg-banner.png') center/cover no-repeat;opacity:.92}.hero:after{content:"OXG";position:absolute;right:-50px;bottom:-70px;font:900 300px/.75 'Barlow Condensed';font-style:italic;color:transparent;-webkit-text-stroke:1px rgba(24,240,91,.12)}.hero-inner{position:relative;z-index:2;min-height:760px;display:flex;align-items:center}.hero-copy{max-width:690px;padding:80px 0}.eyebrow{font-size:9px;font-weight:900;letter-spacing:3px;color:var(--green);text-transform:uppercase}.hero h1{font:900 clamp(76px,10vw,155px)/.78 'Barlow Condensed';letter-spacing:-2px;margin:14px 0 24px;text-transform:uppercase}.hero h1 span{color:var(--green)}.hero-lead{max-width:590px;color:#b4bab6;font-size:13px;line-height:1.8}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;font-size:9px;font-weight:900;letter-spacing:1.7px;text-transform:uppercase;border:1px solid var(--line);transition:.2s}.btn-primary{background:var(--green);border-color:var(--green);color:#050505}.btn-primary:hover{background:#fff;border-color:#fff}.btn-ghost{background:rgba(255,255,255,.025);color:#fff}.btn-ghost:hover{border-color:var(--green);color:var(--green)}.hero-meta{display:flex;gap:1px;margin-top:55px;border-top:1px solid var(--line);width:max-content}.hero-stat{padding:17px 26px 0 0;margin-right:26px;border-right:1px solid var(--line)}.hero-stat:last-child{border-right:0}.hero-stat strong{display:block;font:900 34px/.8 'Barlow Condensed'}.hero-stat span{display:block;margin-top:7px;color:#747c77;font-size:8px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase}
.ticker{height:38px;overflow:hidden;background:var(--green);color:#050505;border-bottom:1px solid #050505}.ticker-track{height:100%;display:flex;align-items:center;gap:55px;width:max-content;animation:marquee 24s linear infinite;font-size:9px;font-weight:900;letter-spacing:2px;text-transform:uppercase}.ticker-track b{font-weight:900}@keyframes marquee{to{transform:translateX(-50%)}}
.section{padding:105px 0}.section.tight{padding-top:75px;padding-bottom:75px}.section.dark{background:#080a09}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.section-title{font:900 clamp(50px,6vw,82px)/.78 'Barlow Condensed';letter-spacing:-1px;margin:8px 0 0;text-transform:uppercase}.section-desc{max-width:480px;color:#747c77;font-size:11px;line-height:1.75}.match-strip{display:grid;grid-template-columns:1fr 1fr 1fr;border:1px solid var(--line);background:#090b0a}.match-side{padding:25px;display:flex;align-items:center;gap:15px}.match-side.right{justify-content:flex-end;text-align:right}.team-logo{width:46px!important;height:46px!important;max-width:46px!important;max-height:46px!important;object-fit:contain;border-radius:50%;border:1px solid var(--line);filter:none;background:#0b0e0c;flex:0 0 46px}.team-name{font:800 23px/.9 'Barlow Condensed';text-transform:uppercase}.team-sub{font-size:8px;color:#707872;letter-spacing:1.5px;text-transform:uppercase;margin-top:5px}.match-center{min-height:100px;display:grid;place-items:center;text-align:center;border-inline:1px solid var(--line)}.match-center strong{font:900 35px/.8 'Barlow Condensed';color:var(--green)}.match-center span{display:block;margin-top:8px;color:#707872;font-size:8px;letter-spacing:1.5px;text-transform:uppercase}
.roster{display:grid;grid-template-columns:1.45fr .55fr;gap:14px}.roster-main{position:relative;min-height:610px;overflow:hidden;background:#080a09;border:1px solid var(--line)}.roster-main img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 20%;transition:.5s var(--ease)}.roster-main:hover img{transform:scale(1.025)}.roster-main:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.9) 100%)}.roster-info{position:absolute;z-index:2;left:32px;right:32px;bottom:30px}.roster-number{font-size:8px;color:var(--green);font-weight:900;letter-spacing:3px}.roster-name{font:900 86px/.78 'Barlow Condensed';margin:8px 0 7px}.roster-role{font-size:10px;color:#adb4af;letter-spacing:.5px}.roster-arrow{position:absolute;right:0;bottom:0;border:1px solid rgba(255,255,255,.28);width:46px;height:46px;display:grid;place-items:center}.roster-side{display:grid;grid-template-rows:1fr 1fr;gap:14px}.roster-tile{padding:28px;border:1px solid var(--line);background:linear-gradient(145deg,#0c0f0d,#070807);display:flex;flex-direction:column;justify-content:flex-end}.tile-num{font:900 62px/.7 'Barlow Condensed';color:var(--green)}.roster-tile h4{font:900 27px/.88 'Barlow Condensed';text-transform:uppercase;margin:16px 0 7px}.roster-tile p{color:#747c77;font-size:10px;line-height:1.7;margin:0}.status{display:inline-block;color:var(--green);font-size:8px;font-weight:900;letter-spacing:2px;text-transform:uppercase;margin-top:14px}
.feature-grid{display:grid;grid-template-columns:1.05fr .95fr;min-height:520px;border:1px solid var(--line)}.feature-image{min-height:520px;background:center/cover no-repeat}.feature-copy{padding:55px;display:flex;flex-direction:column;justify-content:center;background:#080a09}.feature-copy h3{font:900 clamp(50px,6vw,80px)/.77 'Barlow Condensed';margin:10px 0 15px;text-transform:uppercase}.feature-copy p{color:#818983;font-size:11px;line-height:1.8;max-width:560px}.achievement-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin-top:14px}.achievement{padding:28px;border-right:1px solid var(--line);min-height:190px}.achievement:last-child{border-right:0}.achievement .big{font:900 58px/.75 'Barlow Condensed';color:var(--green)}.achievement h4{font:900 17px/.95 'Barlow Condensed';margin:17px 0 7px;text-transform:uppercase}.achievement p{margin:0;color:#777f79;font-size:10px;line-height:1.65}
.cards{display:grid;gap:14px}.cards-3{grid-template-columns:repeat(3,1fr)}.card{border:1px solid var(--line);background:#090b0a;position:relative;transition:.2s}.card:hover{border-color:rgba(24,240,91,.45);transform:translateY(-2px)}.mini{padding:30px}.mini .num,.staff-icon{font:900 54px/.75 'Barlow Condensed';color:var(--green)}.mini h3{font:900 27px/.88 'Barlow Condensed';margin:15px 0 8px;text-transform:uppercase}.mini p{color:#777f79;font-size:10px;line-height:1.75}.recruit{position:relative;overflow:hidden;border:1px solid var(--line);padding:62px;background:linear-gradient(100deg,#0b100c,#070908)}.recruit:after{content:"OXYGEN";position:absolute;right:-30px;bottom:-55px;font:900 190px/.7 'Barlow Condensed';color:transparent;-webkit-text-stroke:1px rgba(24,240,91,.12)}.recruit-content{position:relative;z-index:2;max-width:770px}.recruit h3{font:900 clamp(52px,7vw,92px)/.74 'Barlow Condensed';margin:10px 0 18px;text-transform:uppercase}.recruit p{color:#818983;font-size:11px;line-height:1.8}.chips{display:flex;flex-wrap:wrap;gap:7px;margin:22px 0}.chip{padding:8px 12px;border:1px solid var(--line);color:#aab1ad;font-size:8px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase}
.page-hero{position:relative;padding:110px 0 90px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(5,5,5,.98),rgba(5,5,5,.88)),url('assets/oxg-banner.png') center/cover}.page-hero:after{content:"OXG";position:absolute;right:2%;bottom:-50px;font:900 220px/.7 'Barlow Condensed';font-style:italic;color:transparent;-webkit-text-stroke:1px rgba(24,240,91,.12);pointer-events:none}.breadcrumb{font-size:8px;font-weight:900;letter-spacing:2px;color:#656c68;text-transform:uppercase}.breadcrumb a{color:var(--green)}.page-hero h1{font:900 clamp(75px,10vw,140px)/.74 'Barlow Condensed';letter-spacing:-2px;text-transform:uppercase;margin:12px 0 16px}.page-hero p{max-width:720px;color:#9da49f;font-size:12px;line-height:1.8}.timeline{max-width:1000px;margin:auto;position:relative}.timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(var(--green),rgba(24,240,91,.04));transform:translateX(-50%)}.timeline-item{position:relative;width:50%;padding:0 42px 58px}.timeline-item:nth-child(even){margin-left:50%}.timeline-dot{position:absolute;top:11px;width:12px;height:12px;border:3px solid var(--green);background:var(--black);border-radius:50%}.timeline-item:nth-child(odd) .timeline-dot{right:-6px}.timeline-item:nth-child(even) .timeline-dot{left:-6px}.timeline-card{border:1px solid var(--line);background:#090b0a;padding:27px}.timeline-year{font:900 56px/.75 'Barlow Condensed';color:var(--green)}.timeline-card h3{font:900 24px/.9 'Barlow Condensed';text-transform:uppercase;margin:11px 0 7px}.timeline-card p,.timeline-card li{color:#777f79;font-size:10px;line-height:1.75}.timeline-card ul{padding-left:18px;margin-bottom:0}
.results-wrap{overflow:auto;border:1px solid var(--line)}.results{width:100%;border-collapse:collapse;min-width:850px;background:#090b0a}.results th,.results td{padding:16px;text-align:left;border-bottom:1px solid rgba(255,255,255,.06);font-size:10px}.results th{background:#0d100e;color:#666e69;font-size:8px;letter-spacing:2px;text-transform:uppercase}.results td{color:#b6bcb8}.results tr:hover td{background:rgba(24,240,91,.025)}.place{color:var(--green)!important;font-weight:900}.result-note{color:#707872;font-size:9px}
.profile-hero{display:grid;grid-template-columns:1fr 1fr;min-height:720px;border-bottom:1px solid var(--line)}.profile-art{position:relative;min-height:720px;overflow:hidden;background:#070907}.profile-art:before{content:"";position:absolute;inset:0;background:url('assets/oxg-banner.png') center/cover;opacity:.3}.profile-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 30px 35px rgba(0,0,0,.7))}.profile-copy{padding:80px;display:flex;flex-direction:column;justify-content:center;background:#080a09}.profile-copy .role{color:var(--green);font-size:8px;font-weight:900;letter-spacing:3px;margin-top:8px}.profile-copy h1{font:900 clamp(85px,10vw,150px)/.72 'Barlow Condensed';margin:12px 0 18px}.profile-copy p{max-width:560px;color:#838b85;font-size:11px;line-height:1.8}.meta{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:25px 0}.meta-item{padding:14px;border:1px solid var(--line);background:#0a0c0b}.meta-item span{display:block;color:#656d68;font-size:7px;letter-spacing:2px;text-transform:uppercase}.meta-item strong{display:block;margin-top:5px;font-size:10px}.green-value{color:var(--green)}.settings{display:grid;grid-template-columns:1fr 1fr;gap:14px}.settings-panel{padding:28px;border:1px solid var(--line);background:#090b0a}.settings-panel h3{font:900 32px/.85 'Barlow Condensed';margin:0 0 15px;text-transform:uppercase}.setting-row{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:10px}.setting-row:last-child{border-bottom:0}.setting-row span{color:#6e7671}
.staff-card{padding:30px;min-height:260px}.staff-icon{width:50px;height:50px;display:grid;place-items:center;border:1px solid rgba(24,240,91,.35);font-size:16px;margin-bottom:34px}.staff-card h3{font:900 29px/.88 'Barlow Condensed';text-transform:uppercase;margin:0 0 8px}.staff-card p{color:#777f79;font-size:10px;line-height:1.8}
.footer{border-top:1px solid var(--line);background:#030303;padding:55px 0}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px}.footer-brand{font:900 44px/.75 'Barlow Condensed';font-style:italic}.footer p,.footer a{display:block;color:#6f7772;font-size:9px;margin:9px 0}.footer a:hover{color:var(--green)}.footer h4{color:#656d68;font-size:8px;letter-spacing:2px;text-transform:uppercase}.copyright{border-top:1px solid var(--line);margin-top:32px;padding-top:18px;color:#4e5551;font-size:8px}
.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s var(--ease),transform .6s var(--ease)}.js .reveal.visible{opacity:1;transform:none}
@media(max-width:980px){.container{width:min(var(--max),calc(100% - 42px))}.nav-links{display:none;position:absolute;left:0;right:0;top:72px;background:#050505;border-bottom:1px solid var(--line);padding:10px 20px 18px;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-links a{padding:15px}.nav-links a:after{display:none}.nav-cta{margin-left:0;text-align:center}.mobile-toggle{display:block}.hero,.hero-inner{min-height:720px}.hero-copy{padding:90px 0}.match-strip{grid-template-columns:1fr}.match-center{border-inline:0;border-block:1px solid var(--line)}.roster{grid-template-columns:1fr}.roster-side{grid-template-columns:1fr 1fr}.feature-grid,.profile-hero{grid-template-columns:1fr}.feature-image,.profile-art{min-height:480px}.profile-copy{padding:65px 38px}.achievement-grid{grid-template-columns:1fr 1fr}.achievement:nth-child(2){border-right:0}.achievement:nth-child(-n+2){border-bottom:1px solid var(--line)}.cards-3{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.timeline-item,.timeline-item:nth-child(even){width:100%;margin-left:0;padding-left:32px}.timeline:before{left:6px}.timeline-item:nth-child(odd) .timeline-dot,.timeline-item:nth-child(even) .timeline-dot{left:0;right:auto}}
@media(max-width:620px){.container{width:calc(100% - 28px)}.nav-inner{padding:0 14px}.brand{min-width:0}.brand-divider,.brand-division{display:none}.brand-word{font-size:22px}.hero,.hero-inner{min-height:700px}.hero:before{background:linear-gradient(90deg,rgba(5,6,5,.98),rgba(5,6,5,.78) 65%,rgba(5,6,5,.35)),url('assets/oxg-banner.png') center/cover}.hero h1{font-size:82px}.hero-meta{width:100%;gap:0;justify-content:space-between}.hero-stat{padding-right:12px;margin-right:12px}.hero-stat strong{font-size:27px}.section{padding:75px 0}.section-head{display:block}.section-head .btn{margin-top:18px}.roster-side,.cards-3,.settings{grid-template-columns:1fr}.roster-main{min-height:530px}.roster-name{font-size:67px}.achievement-grid{grid-template-columns:1fr}.achievement{border-right:0!important;border-bottom:1px solid var(--line)}.achievement:last-child{border-bottom:0}.recruit{padding:42px 25px}.page-hero{padding:85px 0 70px}.page-hero h1{font-size:80px}.profile-art{min-height:520px}.profile-copy{padding:52px 24px}.profile-copy h1{font-size:100px}.meta{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}}

.discord-btn{display:inline-flex!important;align-items:center;gap:9px;background:#5865f2!important;border-color:#5865f2!important;color:#fff!important;margin-left:6px;padding:13px 18px!important;clip-path:polygon(0 0,100% 0,100% 78%,82% 100%,0 100%)}
.discord-btn:hover{background:#fff!important;border-color:#fff!important;color:#050505!important}
.discord-dot{width:8px;height:8px;border-radius:50%;background:currentColor;display:inline-block}
.contact-email{display:flex;flex-direction:column;gap:5px;padding:25px;border:1px solid var(--line);background:#090b0a;transition:.2s}
.contact-email:hover{border-color:rgba(24,240,91,.45);transform:translateY(-2px)}
.contact-email .email-label{font-size:8px;font-weight:900;letter-spacing:2px;color:#69716c;text-transform:uppercase}
.contact-email .email-address{font-size:13px;font-weight:800;color:#fff;word-break:break-word}
.contact-email .email-address:hover{color:var(--green)}
.social-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
@media(max-width:980px){.discord-btn{margin-left:0;text-align:center;justify-content:center}.nav-links .discord-btn{clip-path:none}}