/* COMMON */
.sec{padding:60px 0}
/* ABOUT */
.ahd{padding:110px 0 60px;text-align:center;background:linear-gradient(to bottom,rgba(37,34,58,.5),var(--bg))}
.ahd h1{font-size:clamp(48px,8vw,96px);margin-bottom:24px}
.ahd p{font-size:18px;color:var(--fm);max-width:800px;margin:0 auto;line-height:1.7}
.sty{padding:80px 0 120px;max-width:800px;margin:0 auto;font-size:18px;line-height:1.8;color:rgba(244,240,232,.85)}
.sty p{margin-bottom:32px}
.sty blockquote{border-left:4px solid var(--pr);padding:24px 32px;margin:64px 0;background:rgba(232,169,64,.05);font-size:24px;font-style:italic;line-height:1.5;color:var(--fg)}
.fimg{width:100%;aspect-ratio:21/9;object-fit:cover;border-radius:24px;margin-bottom:120px}
.tm{padding:0 0 120px}
.tm h2{text-align:center;font-size:48px;margin-bottom:64px}
.tg{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.tc{text-align:center}
.tc img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:50%;margin-bottom:24px;border:1px solid var(--bd);padding:8px}
.tc h3{font-size:20px;margin-bottom:8px}
.tc p{color:var(--fm);font-size:14px;text-transform:uppercase;letter-spacing:.1em;font-weight:700}
@media(max-width:1024px){.tg{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.tg{grid-template-columns:1fr}}

/* ARTICLE */
.ahd.art{position:relative;height:70vh;min-height:500px;display:flex;align-items:flex-end;padding-bottom:64px;border-bottom:1px solid var(--bd)}
.ahb{position:absolute;inset:0;z-index:-2}
.ahb img{width:100%;height:100%;object-fit:cover}
.aho{position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,var(--bg) 0%,rgba(28,26,36,.8) 40%,rgba(28,26,36,.4) 100%)}
.ahc{width:100%;max-width:900px;margin:0 auto;padding:0 24px}
.atg{display:inline-block;margin-bottom:24px;border:1px solid var(--pr);padding:6px 16px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.2em;color:var(--pr);text-transform:uppercase}
.ahc h1{font-size:clamp(40px,6vw,72px);line-height:1;margin-bottom:24px;text-shadow:0 4px 20px rgba(0,0,0,0.5)}
.adt{font-size:14px;color:var(--fm);font-weight:500;display:flex;align-items:center;gap:12px}
.adt span{color:var(--pr)}
.aby{max-width:800px;margin:0 auto;padding:80px 24px 120px;font-size:18px;line-height:1.8;color:rgba(244,240,232,.85)}
.aby p{margin-bottom:32px}
.aby h2{font-size:32px;margin:64px 0 24px;color:var(--fg)}
.aby h3{font-size:24px;margin:48px 0 20px;color:var(--fg)}
.aby blockquote{border-left:4px solid var(--pr);padding:24px 32px;margin:48px 0;background:rgba(232,169,64,.05);font-size:22px;font-style:italic;line-height:1.6;color:var(--pr)}
.aby img{border-radius:16px;margin:48px 0;width:100%}
.aby ul{margin-bottom:32px;padding-left:24px}
.aby li{margin-bottom:12px}
.shr.art{display:flex;gap:16px;align-items:center;margin-top:64px;padding-top:48px;border-top:1px solid var(--bd)}
.shr.art span{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--fm)}
.sb{width:40px;height:40px;border-radius:50%;border:1px solid var(--bd);display:flex;align-items:center;justify-content:center;color:var(--fg);transition:var(--tr);cursor:pointer;background:var(--bgc)}
.sb:hover{background:var(--pr);color:#0e0b00;border-color:var(--pr)}

/* CAREERS */
.fsc{height:140vh;position:relative;z-index:1}
.chd{position:sticky;top:0;height:100vh;padding:0;display:flex;align-items:center;justify-content:center;text-align:center;border-bottom:1px solid var(--bd);overflow:hidden;transform-origin:top center;will-change:transform,opacity;background:var(--bg)}
.chb{position:absolute;inset:0;z-index:-2}
.chb img{width:100%;height:100%;object-fit:cover;opacity:0.4}
.cho{position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,var(--bg) 0%,rgba(28,26,36,.6) 100%)}
.chd h1{font-size:clamp(48px,8vw,96px);margin-bottom:24px;line-height:.95}
.chd p{font-size:18px;color:var(--fm);max-width:700px;margin:0 auto;line-height:1.7}
.cul{padding:120px 0}
.cul h2{text-align:center;font-size:48px;margin-bottom:64px}
.cgr{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.cgc{background:var(--bgc);padding:48px;border-radius:24px;border:1px solid var(--bd);text-align:center;transition:transform .4s}
.cgc:hover{transform:translateY(-8px)}
.cgi{width:64px;height:64px;background:rgba(232,169,64,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:var(--pr);font-size:24px}
.cgc h3{font-size:24px;margin-bottom:16px;color:var(--fg)}
.cgc p{font-size:15px;color:var(--fm);line-height:1.6}
section.rol{padding:120px 0;background:#15131a}
.rohd{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:64px;border-bottom:1px solid var(--bd);padding-bottom:24px}
.rohd h2{font-size:48px}
.rls{display:flex;flex-direction:column;gap:16px}
.rci{display:flex;align-items:center;justify-content:space-between;padding:32px 48px;background:var(--bgc);border:1px solid var(--bd);border-radius:16px;transition:all .3s;cursor:pointer}
.rci:hover{border-color:var(--pr);transform:translateX(8px);background:rgba(37,34,58,.8)}
.rlt h3{font-size:24px;margin-bottom:8px}
.rlm{font-size:13px;color:var(--fm);display:flex;gap:16px;align-items:center}
.rlm span.t{color:var(--pr);font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:11px}
.pos-badge { background: rgba(232,169,64,.15); color: var(--pr); padding: 4px 10px; border-radius: 999px; font-size: 11px; text-transform: uppercase; letter-spacing: .1em; font-weight: 700; border: 1px solid rgba(232,169,64,.3); vertical-align: middle; margin-left: 12px; display: inline-block; }
.rarr{font-size:24px;color:var(--fm);transition:color .3s}
.rci:hover .rarr{color:var(--pr)}
.frm{padding:120px 0}
.fhd{text-align:center;margin-bottom:64px}
.fhd h2{font-size:48px;margin-bottom:16px}
.fhd p{color:var(--fm);font-size:16px}
.fcon{max-width:800px;margin:0 auto;background:var(--bgc);padding:64px;border-radius:24px;border:1px solid var(--bd)}
.fgr{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.fgf{grid-column:1 / -1}
.fg{display:flex;flex-direction:column;gap:8px}
.fg label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:rgba(244,240,232,.7)}
.fg input, .fg select, .fg textarea{padding:16px 24px;background:rgba(13,11,20,.6);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--fg);font-family:var(--fb);font-size:15px;outline:none;transition:border-color .3s}
.fg input:focus, .fg select:focus, .fg textarea:focus{border-color:var(--pr);background:rgba(13,11,20,.9)}
.fg textarea{resize:vertical;min-height:150px}
.ffl{position:relative;overflow:hidden;display:inline-block}
.ffl input[type=file]{position:absolute;left:0;top:0;opacity:0;cursor:pointer;height:100%;width:100%}
.fbtn{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 32px;background:rgba(255,255,255,.05);border:1px dashed rgba(255,255,255,.3);border-radius:12px;color:var(--fm);font-size:14px;transition:var(--tr)}
.ffl:hover .fbtn{border-color:var(--pr);color:var(--pr);background:rgba(232,169,64,.05)}
.sbtn{width:100%;margin-top:24px}
@media(max-width:1024px){.cgr{grid-template-columns:1fr 1fr}.rci{padding:24px}}
@media(max-width:768px){
  .cgr{grid-template-columns:1fr; gap:16px}
  .fgr{grid-template-columns:1fr}
  .fcon{padding:24px 16px}
  .rohd{flex-direction:column;align-items:flex-start;gap:16px}
  .rci{padding:16px;flex-direction:column;align-items:flex-start;gap:8px}
  .rlt{width:100%;display:flex;flex-direction:column;gap:6px}
  .rlt h3{width:100%;justify-content:space-between;font-size:13px;flex-wrap:nowrap;gap:4px;margin:0}
  .pos-badge{margin-left:0;font-size:9px;padding:3px 6px;flex-shrink:0}
  .rarr{display:none}
  .rlm{flex-wrap:wrap;gap:6px;font-size:11px}
  .chd h1{font-size:clamp(40px,10vw,64px) !important}
  .chd p{padding:0 24px;font-size:15px}
  .cul, section.rol, .frm {padding: 60px 0}
  .cul h2, .fhd, .rohd {margin-bottom: 32px}
  .cgc{padding:24px 16px;margin:0 16px}
  .cgi{width:48px;height:48px;font-size:20px;margin-bottom:16px}
  .cgc h3{font-size:20px;margin-bottom:8px}
  .cgc p{font-size:14px}
}

/* GAME */
.bck{position:absolute;top:32px;left:48px;z-index:1001;display:flex;align-items:center;gap:10px;font-family:var(--fd);font-size:12px;text-transform:uppercase;letter-spacing:.2em;color:var(--fg);transition:color .3s}
.bck:hover{color:var(--pr)}
.ghr{position:sticky;top:0;height:100vh;min-height:800px;z-index:1;background:var(--bg);overflow:hidden}
.ghi{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;transform-origin:center center;will-change:transform,border-radius;overflow:hidden}
.mnw{position:relative;z-index:2;background:var(--bg)}
.ghb{position:absolute;inset:0;z-index:-2}
.ghb img{width:100%;height:100%;object-fit:cover;animation:zi 20s infinite alternate}
@keyframes zi{from{transform:scale(1)}to{transform:scale(1.1)}}
.gho{position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,#1c1a24 0%,rgba(28,26,36,.5) 40%,rgba(28,26,36,.8) 100%)}
.ghc{max-width:900px;padding:0 24px}
.gti{display:inline-block;margin-bottom:24px;border:1px solid var(--pr);padding:8px 16px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.3em;color:var(--pr);background:rgba(232,169,64,.1);backdrop-filter:blur(4px)}
.ghc h1{font-size:clamp(56px,10vw,120px);line-height:.9;margin-bottom:32px;text-shadow:0 10px 30px rgba(0,0,0,0.5)}
.ghc p{font-size:18px;color:rgba(244,240,232,.8);line-height:1.7;margin-bottom:48px;max-width:700px;margin-left:auto;margin-right:auto}
.gba{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}
.snv{position:sticky;top:0;z-index:990;background:rgba(28,26,36,.95);backdrop-filter:blur(20px);border-bottom:1px solid var(--bd);padding:16px 0}
.snc{display:flex;align-items:center;justify-content:space-between}
.snl{display:flex;gap:40px;list-style:none}
.snl a{font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--fm);transition:color .3s}
.snl a:hover,.snl a.ac{color:var(--pr)}
.snb{padding:10px 24px;font-size:11px}
.gov{}
.gog{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}
.got h2{font-size:clamp(36px,5vw,56px);margin-bottom:32px;line-height:1}
.bq{border-left:4px solid var(--pr);padding-left:24px;margin-bottom:40px}
.bq p{font-family:var(--fd);font-size:24px;color:var(--fg);line-height:1.4;text-transform:uppercase;letter-spacing:.05em}
.bq span{display:block;margin-top:12px;font-size:12px;color:var(--pr);letter-spacing:.2em;text-transform:uppercase}
.got p.dt{color:var(--fm);line-height:1.8;margin-bottom:24px;font-size:16px}
.goi{position:relative;border-radius:24px;overflow:hidden;box-shadow:0 30px 60px rgba(0,0,0,.6)}
.goi img{width:100%;height:100%;object-fit:cover}
.gwg{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.gwc{position:relative;height:500px;border-radius:24px;overflow:hidden;cursor:pointer}
.gwc img{width:100%;height:100%;object-fit:cover;transition:transform 1s ease}
.gwc:hover img{transform:scale(1.08)}
.gwo{position:absolute;inset:0;background:linear-gradient(to top,rgba(13,11,20,.95) 0%,rgba(13,11,20,.2) 50%,transparent 100%);padding:40px;display:flex;flex-direction:column;justify-content:flex-end;transition:background .5s}
.gwc:hover .gwo{background:linear-gradient(to top,rgba(13,11,20,1) 0%,rgba(13,11,20,.4) 60%,transparent 100%)}
.gwo h3{font-size:32px;margin-bottom:12px;color:var(--pr)}
.gwo p{font-size:14px;color:rgba(244,240,232,.7);line-height:1.6;opacity:0;transform:translateY(20px);transition:all .4s}
.gwc:hover .gwo p{opacity:1;transform:translateY(0)}
.gch{}
.gcg{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.gcc{display:flex;gap:32px;background:rgba(28,26,36,.6);border:1px solid var(--bd);padding:32px;border-radius:24px}
.gci{width:140px;height:140px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid var(--pr)}
.gci img{width:100%;height:100%;object-fit:cover}
.gct h3{font-size:28px;margin-bottom:8px}
.gct .rol{font-size:11px;font-weight:700;letter-spacing:.2em;color:var(--pr);text-transform:uppercase;margin-bottom:16px;display:block}
.gct p{font-size:14px;color:var(--fm);line-height:1.6}
.gmg{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.gmi{position:relative;aspect-ratio:16/9;border-radius:24px;overflow:hidden;cursor:pointer}
.gmi img{transition:transform .7s ease;width:100%;height:100%;object-fit:cover}
.gmi:hover img{transform:scale(1.05)}
.gmi.lg{grid-column:1 / -1;aspect-ratio:21/9}
.gcta{position:relative;padding:160px 0;text-align:center;overflow:hidden}
.gcb{position:absolute;inset:0;z-index:-2}
.gcb img{width:100%;height:100%;object-fit:cover;opacity:0.3}
.gco{position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,var(--bg),rgba(28,26,36,.8),var(--bgc))}
.gcta h2{font-size:clamp(48px,8vw,96px);margin-bottom:24px;line-height:.95}
.gcta p{font-size:18px;color:var(--fm);margin-bottom:48px;max-width:600px;margin-left:auto;margin-right:auto}
.gcl{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap}
.wfm{display:flex;align-items:center;justify-content:center;gap:12px;max-width:500px;margin:0 auto 32px;width:100%}
.wfm input{flex:1;padding:16px 24px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:rgba(13,11,20,.6);color:var(--fg);font-family:var(--fb);font-size:14px;outline:none;transition:var(--tr);min-width:0}
.wfm input:focus{border-color:var(--pr);background:rgba(13,11,20,.9)}
.stm-logo{display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px;color:var(--fm);text-transform:uppercase;letter-spacing:.15em;font-weight:700}
.stm-logo svg{width:24px;height:24px;fill:currentColor}
@media(max-width:1024px){.gog,.gcg,.gwg{grid-template-columns:1fr}.snl{display:none}}
@media(max-width:768px){.gmg{grid-template-columns:1fr}.gmi.lg{aspect-ratio:16/9}.gcc{flex-direction:column;align-items:center;text-align:center}}

/* LEGAL */
.lhd{padding:120px 0 80px;text-align:center;background:radial-gradient(ellipse at top, rgba(50,45,70,0.6) 0%, var(--bg) 100%);border-bottom:1px solid rgba(255,255,255,0.05)}
.lhd h1{font-size:56px;margin-bottom:16px;letter-spacing:0.05em}
.ltbw{position:sticky;top:72px;background:rgba(18,16,24,0.85);backdrop-filter:blur(24px);border-bottom:1px solid rgba(255,255,255,0.05);z-index:900}
.ltb{display:flex;justify-content:center;gap:40px;padding:24px 0}
.ltb button{background:transparent;border:none;cursor:pointer;font-family:var(--fd);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--fm);padding-bottom:12px;border-bottom:2px solid transparent;transition:var(--tr);position:relative}
.ltb button::after{content:'';position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);width:0;height:2px;background:var(--pr);transition:var(--tr)}
.ltb button:hover{color:var(--fg)}
.ltb button.ac{color:var(--pr)}
.ltb button.ac::after{width:100%}
.ltx{padding:80px 0 120px;color:rgba(244,240,232,.75);line-height:1.8;font-size:16px;min-height:70vh;display:flex;justify-content:center}
.lsec{display:none;animation:fi 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;background:rgba(25,23,35,0.6);backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,0.05);border-radius:32px;padding:64px;width:100%;max-width:900px;box-shadow:0 32px 64px rgba(0,0,0,0.4)}
.lsec.ac{display:block;}
.lsec h2.mh{font-size:40px;color:var(--fg);margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,0.1);letter-spacing:0.02em}
.ltx h3{font-size:24px;color:var(--fg);margin:48px 0 24px;font-weight:600}
.ltx h4{font-size:18px;color:var(--pr);margin:32px 0 16px;font-family:var(--fb);font-weight:600;text-transform:none;letter-spacing:normal}
.ltx p{margin-bottom:24px;font-weight:300}
.ltx ul{margin:0 0 24px 24px}
.ltx ul li{margin-bottom:12px;font-weight:300;position:relative}
.ltx ul li::marker{color:var(--pr)}
@media(max-width:768px){.ltbw{position:relative;top:0}.ltb{flex-wrap:wrap;gap:16px;padding:20px 24px}}

/* LOGIN */
body.login-body{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:0;}
.bg{position:absolute;inset:0;z-index:-2}
.bg img{width:100%;height:100%;object-fit:cover;opacity:0.4}
.bgo{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at center, rgba(28,26,36,.6) 0%, var(--bg) 100%)}
.lc{background:rgba(37,34,58,.8);backdrop-filter:blur(20px);padding:48px 64px;border-radius:24px;border:1px solid var(--bd);width:100%;max-width:480px;text-align:center;box-shadow:0 24px 64px rgba(0,0,0,0.5);animation:up .8s cubic-bezier(.22,1,.36,1)}
@keyframes up{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
.lg{font-family:var(--fd);font-size:32px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;margin-bottom:32px}
.lg span{color:var(--pr)}
.tabs{display:flex;gap:16px;margin-bottom:32px;border-bottom:1px solid var(--bd)}
.tab{flex:1;padding-bottom:16px;font-family:var(--fd);font-weight:600;font-size:16px;text-transform:uppercase;letter-spacing:.1em;color:var(--fm);cursor:pointer;border-bottom:2px solid transparent;transition:var(--tr)}
.tab.ac{color:var(--pr);border-color:var(--pr)}
.lks{display:flex;justify-content:space-between;font-size:13px;color:var(--fm);margin-top:24px}
.lks a{color:inherit;text-decoration:none;transition:color .3s}
.lks a:hover{color:var(--pr)}
.bc{position:absolute;top:32px;left:48px;font-family:var(--fd);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:var(--fm);text-decoration:none;transition:color .3s}
.bc:hover{color:var(--fg)}
.fmb{display:none}
.fmb.ac{display:block}
.lc .fg { margin-bottom: 24px; }
.lc .fg label { display: block; font-family: var(--fd); font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: .15em; color: var(--fm); margin-bottom: 8px; text-align: left; padding-left: 4px; }
.lc .fg input { width: 100%; padding: 16px 20px; border-radius: 12px; border: 1px solid rgba(255,255,255,.1); background: rgba(13,11,20,.6); color: var(--fg); font-family: var(--fb); font-size: 14px; outline: none; transition: var(--tr); }
.lc .fg input:focus { border-color: var(--pr); background: rgba(13,11,20,.9); }
@media(max-width:768px){.lc{padding:32px 32px;border-radius:0;border:none;height:100vh;display:flex;flex-direction:column;justify-content:center}.bc{top:16px;left:16px}}

/* NEWSWIRE */
.nhd{padding:100px 0 60px;text-align:center;background:linear-gradient(to bottom,rgba(37,34,58,.5),var(--bg))}
.nhd h1{font-size:clamp(48px,8vw,80px);margin-bottom:16px}
.nhd p{font-size:18px;color:var(--fm)}
.fnc{position:relative;border-radius:24px;overflow:hidden;margin-bottom:64px;cursor:pointer;display:block;aspect-ratio:21/9;min-height:500px}
.fnc img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s ease}
.fnc:hover img{transform:scale(1.05)}
.fno{position:absolute;inset:0;background:linear-gradient(to top,rgba(13,11,20,1) 0%,rgba(13,11,20,.3) 60%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:64px;transition:background .5s}
.fnc:hover .fno{background:linear-gradient(to top,rgba(13,11,20,1) 0%,rgba(13,11,20,.5) 70%,transparent 100%)}
.fnt{font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--pr);margin-bottom:16px;display:flex;align-items:center;gap:12px}
.fnt span{color:var(--fm)}
.fno h2{font-size:clamp(32px,5vw,64px);line-height:1;margin-bottom:16px}
.fno p{font-size:16px;color:rgba(244,240,232,.7);max-width:600px;line-height:1.6}
.ngg{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:120px}
.ngc{display:flex;flex-direction:column;background:var(--bgc);border:1px solid var(--bd);border-radius:20px;overflow:hidden;transition:transform .4s, border-color .4s;cursor:pointer}
.ngc:hover{transform:translateY(-8px);border-color:var(--pr)}
.ngi{position:relative;aspect-ratio:16/9;overflow:hidden}
.ngi img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}
.ngc:hover .ngi img{transform:scale(1.08)}
.ngt{padding:32px;flex:1;display:flex;flex-direction:column}
.ngm{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--fm);margin-bottom:16px}
.ngm .tag{color:var(--pr)}
.ngt h3{font-size:24px;line-height:1.2;margin-bottom:12px;color:var(--fg)}
.ngt p{font-size:14px;color:var(--fm);line-height:1.6;flex:1}
@media(max-width:1024px){.ngg{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.ngg{grid-template-columns:1fr}.fno{padding:32px}}

/* PRESS */
.phd{padding:120px 0 80px;text-align:center;background:linear-gradient(to bottom,rgba(37,34,58,.5),var(--bg))}
.phd h1{font-size:clamp(40px,6vw,72px);margin-bottom:24px}
.phd p{font-size:18px;color:var(--fm);max-width:600px;margin:0 auto;line-height:1.7}
.ast{padding:80px 0 120px}
.agr{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-bottom:80px}
.acd{background:var(--bgc);border:1px solid var(--bd);border-radius:24px;overflow:hidden;transition:transform .4s}
.acd:hover{transform:translateY(-8px)}
.aci{width:100%;aspect-ratio:16/9;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;font-size:48px}
.aci img{width:100%;height:100%;object-fit:cover}
.acb{padding:32px}
.acb h3{font-size:24px;margin-bottom:12px}
.acb p{color:var(--fm);margin-bottom:24px;font-size:15px;line-height:1.6}
.prc{background:rgba(232,169,64,.05);border:1px solid rgba(232,169,64,.2);padding:64px;border-radius:24px;text-align:center}
.prc h3{font-size:32px;margin-bottom:16px}
.prc p{color:var(--fm);margin-bottom:24px}
.prc a{font-size:24px;color:var(--pr);font-family:var(--fd);text-transform:uppercase;letter-spacing:.1em;font-weight:700}
@media(max-width:768px){.agr{grid-template-columns:1fr}}

/* SUPPORT */
.shd.sup{padding:100px 0;text-align:center;background:linear-gradient(to bottom,rgba(37,34,58,.5),var(--bg));border-bottom:1px solid var(--bd)}
.shd.sup h1{font-size:clamp(40px,6vw,64px);margin-bottom:32px}
.srcb{max-width:700px;margin:0 auto;position:relative}
.srcb input{width:100%;padding:24px 32px;background:var(--bgc);border:1px solid var(--bd);border-radius:999px;font-family:var(--fb);font-size:18px;color:var(--fg);outline:none;box-shadow:0 12px 32px rgba(0,0,0,0.3);transition:border-color .3s}
.srcb input:focus{border-color:var(--pr)}
.sicon{position:absolute;right:32px;top:50%;transform:translateY(-50%);font-size:20px;color:var(--fm);display:flex;align-items:center}
.snv.sup{background:var(--bgc);border-bottom:1px solid var(--bd);padding:16px 0;top:72px}
.snv.sup .con{display:flex;justify-content:space-between;align-items:center}
.sbl{display:flex;gap:24px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.1em}
.sbl a{color:var(--fm);transition:color .3s}.sbl a:hover{color:var(--pr)}
.sh2{font-size:28px;margin-bottom:40px;display:flex;align-items:center;justify-content:space-between}
.cgr.sup{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px}
.crd{background:rgba(255,255,255,.02);border:1px solid var(--bd);border-radius:16px;padding:32px;text-align:center;transition:all .3s;cursor:pointer;position:relative;overflow:hidden}
.crd:hover{border-color:rgba(232,169,64,.5);transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,0.4)}
.lst{display:flex;flex-direction:column;gap:12px}
.lsi{background:var(--bgc);border:1px solid var(--bd);padding:20px 24px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .3s}
.lsi:hover{border-color:var(--pr)}
.lsi h4{font-size:16px;font-family:var(--fb);text-transform:none;letter-spacing:normal}
.lsi span{color:var(--fm);font-size:14px}
.fqa{padding:0 24px;height:0;overflow:hidden;color:var(--fm);line-height:1.6;transition:all .3s ease;background:rgba(0,0,0,.2)}
.lsi.ac + .fqa, .ac .fqa{padding:24px;height:auto;border:1px solid var(--bd);border-top:none;border-radius:0 0 12px 12px;margin-top:-12px;margin-bottom:12px}
.stb{background:rgba(28,26,36,0.6);border:1px solid rgba(255,255,255,0.05);border-radius:16px;backdrop-filter:blur(20px)}
.str{display:flex;align-items:center;padding:32px 48px;border-bottom:1px solid rgba(255,255,255,0.05);transition:background 0.3s}
.str:last-child{border-bottom:none}
.str:hover{background:rgba(255,255,255,0.02)}
.st-nm{flex:1;font-family:var(--fd);font-size:24px;font-weight:600;letter-spacing:0.05em;color:var(--fg)}
.st-svs{flex:2;display:flex;gap:40px;color:var(--fm);font-size:13px;text-transform:uppercase;letter-spacing:0.1em;flex-wrap:wrap}
.st-itm{display:flex;align-items:center;gap:12px}
.sdt{width:10px;height:10px;border-radius:50%}
.sdt.gn{background:#2ecc71;box-shadow:0 0 12px rgba(46,204,113,0.6)}
.sdt.yw{background:#f1c40f;box-shadow:0 0 12px rgba(241,196,15,0.6)}
.sdt.rd{background:#e74c3c;box-shadow:0 0 12px rgba(231,76,60,0.6)}
.st-mn{flex:1;text-align:right;font-family:var(--fd);font-size:16px;color:#2ecc71;letter-spacing:0.1em;text-transform:uppercase;font-weight:600}
.fchat{position:fixed;bottom:32px;right:32px;background:var(--pr);color:#000;width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 12px 24px rgba(232,169,64,.4);transition:transform .3s;z-index:900}
.fchat:hover{transform:scale(1.1)}
.mod{position:fixed;inset:0;z-index:2000;background:rgba(13,11,20,.9);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s}
.mod.ac{opacity:1;pointer-events:auto}
.mc{background:var(--bgc);border:1px solid var(--bd);padding:48px;border-radius:24px;width:100%;max-width:600px;transform:scale(0.95);transition:transform .3s;position:relative}
.mod.ac .mc{transform:scale(1)}
.mc h2{font-size:32px;margin-bottom:24px}
.cls{position:absolute;top:24px;right:24px;background:none;border:none;color:var(--fm);font-size:24px;cursor:pointer;transition:color .3s}
.cls:hover{color:var(--pr)}
.fg select option{background:var(--bgc)}
@media(max-width:768px){.snv.sup .con{flex-direction:column;gap:16px}.str{flex-direction:column;align-items:flex-start;gap:20px;padding:24px}.st-mn{text-align:left}}

@media(max-width: 768px) { .lsec { padding: 32px 24px; } }

@media(max-width: 480px) {
  .ahd h1, .chd h1 { font-size: 40px; }
  .ahd.art { min-height: 400px; }
  .fnc { aspect-ratio: 16/9; min-height: 350px; }
  .fno h2 { font-size: 28px; }
  .ngc { border-radius: 12px; }
  .phd h1 { font-size: 32px; }
  .shd.sup h1 { font-size: 32px; }
  .mc { padding: 24px; }
  .mc h2 { font-size: 24px; }
}

/* NEWSWIRE HERO */
.nwh { display: flex; flex-wrap: wrap; gap: 40px; align-items: center; background: rgba(255,255,255,0.02); border: 1px solid rgba(255,255,255,0.05); border-radius: 16px; padding: 40px; text-decoration: none; margin-bottom: 64px; transition: transform 0.3s, background 0.3s; }
.nwh:hover { background: rgba(255,255,255,0.04); transform: translateY(-4px); }
.nwh-col { flex: 1; min-width: 300px; }
.nwh-col h2 { font-size: clamp(32px, 4vw, 48px); line-height: 1.2; margin-bottom: 24px; color: var(--fg); font-family: var(--fd); text-transform: uppercase; }
.nwh-col p { font-size: 16px; line-height: 1.7; color: rgba(244,240,232,0.8); }
.nwh-col img { width: 100%; border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.5); object-fit: cover; aspect-ratio: 16/9; }
.nwh-tag { display: inline-block; padding: 4px 12px; background: var(--pr); color: #0e0b00; font-size: 12px; font-weight: 700; text-transform: uppercase; border-radius: 4px; margin-bottom: 16px; letter-spacing: 0.2em; }

.nw-main { padding-top: 60px; padding-bottom: 60px; }
.desktop-hide { display: none !important; }

@media(max-width: 768px) {
  .desktop-hide { display: block !important; }
  .mobile-hide { display: none !important; }
  
  /* Header Fixes for Mobile */
  .nhd { text-align: left; padding-top: 120px; padding-bottom: 0px; }
  .nhd h1 { font-size: clamp(48px, 8vw, 80px) !important; }
  .nw-main { padding-top: 24px; padding-bottom: 60px; }
  
  /* Hero Fixes for Mobile */
  .nwh { padding: 24px; gap: 24px; flex-direction: column-reverse; margin-bottom: 80px; }
  .nwh-col { min-width: 100%; }
  
  /* Grid Fixes for Mobile */
  .ngg { grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 64px; }
  .ngc { min-width: 0; border-radius: 8px; } /* Prevents overflow and reduces rounding */
  .ngi { aspect-ratio: 16/9; } /* Forces image to scale properly inside narrow column */
  .ngt { padding: 10px; }
  .ngc-title-mobile { font-size: 11px !important; line-height: 1.4 !important; margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
}

/* SUPPORT MOBILE RESPONSIVENESS */
@media(max-width: 768px) {
  .snv.sup { display: none !important; }
  .shd.sup { padding: 100px 0 32px 0; }
  .shd.sup h1 { font-size: clamp(32px, 8vw, 48px); margin-bottom: 16px; }
  .srcb input { padding: 14px 48px 14px 20px; font-size: 14px; }
  .sicon { right: 16px; font-size: 16px; }
  .sec.sec-hideable { padding: 40px 0; }
  .sh2 { font-size: 24px; flex-direction: column; align-items: flex-start; gap: 12px; margin-bottom: 24px; }
  .cgr.sup { grid-template-columns: 1fr; }
  .str { padding: 24px 16px; flex-direction: column; align-items: flex-start; gap: 16px; }
  .st-svs { flex-direction: column; gap: 12px; }
  .lsi { padding: 16px; flex-direction: column; align-items: flex-start; gap: 8px; }
  .lsi span { align-self: flex-start; font-size: 11px; }
}