/* vietnamese */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(./assets/fonts/HTxwL3I-JCGChYJ8VI-L6OO_au7B4-Lwz3nWuZEC.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(./assets/fonts/HTxwL3I-JCGChYJ8VI-L6OO_au7B4-Lwz3jWuZEC.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(./assets/fonts/HTxwL3I-JCGChYJ8VI-L6OO_au7B4-Lwz3bWuQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(./assets/fonts/HTxwL3I-JCGChYJ8VI-L6OO_au7B4873z3nWuZEC.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(./assets/fonts/HTxwL3I-JCGChYJ8VI-L6OO_au7B4873z3jWuZEC.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(./assets/fonts/HTxwL3I-JCGChYJ8VI-L6OO_au7B4873z3bWuQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(./assets/fonts/HTxwL3I-JCGChYJ8VI-L6OO_au7B46r2z3nWuZEC.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(./assets/fonts/HTxwL3I-JCGChYJ8VI-L6OO_au7B46r2z3jWuZEC.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(./assets/fonts/HTxwL3I-JCGChYJ8VI-L6OO_au7B46r2z3bWuQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(./assets/fonts/HTxwL3I-JCGChYJ8VI-L6OO_au7B47b1z3nWuZEC.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(./assets/fonts/HTxwL3I-JCGChYJ8VI-L6OO_au7B47b1z3jWuZEC.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(./assets/fonts/HTxwL3I-JCGChYJ8VI-L6OO_au7B47b1z3bWuQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(./assets/fonts/QdVPSTAyLFyeg_IDWvOJmVES_Hw4BXoKZA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(./assets/fonts/QdVPSTAyLFyeg_IDWvOJmVES_Hw5BXoKZA.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(./assets/fonts/QdVPSTAyLFyeg_IDWvOJmVES_Hw3BXo.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(./assets/fonts/QdVMSTAyLFyeg_IDWvOJmVES_HTEJm86Rb0bcw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(./assets/fonts/QdVMSTAyLFyeg_IDWvOJmVES_HTEJm87Rb0bcw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(./assets/fonts/QdVMSTAyLFyeg_IDWvOJmVES_HTEJm81Rb0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(./assets/fonts/QdVMSTAyLFyeg_IDWvOJmVES_HToIW86Rb0bcw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(./assets/fonts/QdVMSTAyLFyeg_IDWvOJmVES_HToIW87Rb0bcw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(./assets/fonts/QdVMSTAyLFyeg_IDWvOJmVES_HToIW81Rb0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(./assets/fonts/QdVMSTAyLFyeg_IDWvOJmVES_HSMIG86Rb0bcw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(./assets/fonts/QdVMSTAyLFyeg_IDWvOJmVES_HSMIG87Rb0bcw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(./assets/fonts/QdVMSTAyLFyeg_IDWvOJmVES_HSMIG81Rb0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


:root{--bg:#050814;--panel:#0a1020;--panel2:#0d162a;--text:#f5f8ff;--muted:#94a3bd;--blue:#2868ff;--cyan:#39d7ff;--red:#ef3340;--line:rgba(130,173,255,.18);--shadow:0 24px 80px rgba(0,0,0,.48);--font-head:'Barlow Condensed',sans-serif;--font-body:'Be Vietnam Pro',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.6;overflow-x:hidden}body.dialog-open{overflow:hidden}button,input,textarea,select{font:inherit}button,a{color:inherit}button{cursor:pointer}a{text-decoration:none}.is-hidden{display:none!important}.page-noise{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E")}.top-strip{height:28px;padding:0 max(5vw,24px);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:#03050b;color:#71809c;font-family:var(--font-head);font-size:.72rem;letter-spacing:.18em}.server-dot{display:flex;align-items:center;gap:8px}.server-dot i{width:6px;height:6px;border-radius:50%;background:#2ee884;box-shadow:0 0 14px #2ee884}.site-header{position:absolute;top:0;left:0;width:100%;z-index:20}.nav-shell{height:86px;padding:0 max(5vw,24px);display:flex;align-items:center;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(3,6,15,.82),rgba(3,6,15,.25));backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px;margin-right:auto}.brand img{width:58px;height:58px;object-fit:contain}.brand>span{display:grid;font:800 1.35rem/1 var(--font-head);letter-spacing:.06em}.brand small{color:#6fa6ff;font-size:.62rem;letter-spacing:.24em;margin-top:5px}.nav-links{display:flex;align-items:center;height:100%;margin:0 4vw}.nav-links a{height:100%;display:grid;place-items:center;padding:0 22px;position:relative;color:#aeb9cb;font-size:.88rem;font-weight:600}.nav-links a:after{content:"";position:absolute;bottom:-1px;height:2px;left:22px;right:22px;background:var(--cyan);transform:scaleX(0);transition:.25s}.nav-links a:hover,.nav-links a.active{color:#fff}.nav-links a:hover:after,.nav-links a.active:after{transform:scaleX(1)}.account-actions{display:flex;gap:10px;align-items:center}.btn{border:0;background:none;min-height:44px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:12px;text-transform:uppercase;font:700 .86rem/1 var(--font-body);letter-spacing:.04em;transition:.22s;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(110deg,#1558ef,#3a86ff 56%,#29bfff);box-shadow:0 10px 30px rgba(31,103,255,.27);color:#fff}.btn-primary:hover{box-shadow:0 14px 42px rgba(31,103,255,.44)}.btn-ghost{color:#dce6f6;border:1px solid transparent}.btn-ghost:hover{border-color:var(--line);background:rgba(255,255,255,.035)}.btn-outline{border:1px solid rgba(147,182,255,.45);background:rgba(5,10,23,.45)}.btn-large{min-height:56px;padding:0 28px}.btn-block{width:100%}.menu-toggle{display:none;background:none;border:0;width:46px;height:46px}.menu-toggle span{display:block;width:22px;height:2px;background:white;margin:6px auto}.profile-chip{border:1px solid var(--line);background:rgba(8,15,29,.82);display:flex;align-items:center;gap:10px;padding:7px 12px 7px 7px;color:#fff}.avatar{width:36px;height:36px;border-radius:3px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--red));font:800 .84rem var(--font-head)}.profile-chip>span:last-child{display:grid;text-align:left}.profile-chip b{font-size:.8rem}.profile-chip small{font-size:.64rem;color:var(--muted)}.hero{min-height:920px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,6,15,.96) 0%,rgba(3,6,15,.73) 32%,rgba(3,6,15,.13) 70%),linear-gradient(0deg,#050814 0%,transparent 38%),url('./assets/gtax3-city-hero.webp') 65% center/cover no-repeat;transform:scale(1.02)}.hero-grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(65,137,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(65,137,255,.2) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,#000,transparent 75%)}.hero-content{position:relative;z-index:2;width:min(700px,90vw);margin-left:max(7vw,26px);padding-top:80px}.eyebrow{font:700 .76rem var(--font-body);letter-spacing:.28em;color:#5fd9ff}.hero-logo{width:118px;height:118px;object-fit:contain;margin:18px 0 0}.hero h1{font:800 clamp(3.4rem,6.4vw,6.5rem)/.86 var(--font-head);letter-spacing:-.02em;margin:4px 0 28px;text-transform:uppercase}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#2d76ff,#5ed9ff 64%,#fff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-content>p{max-width:590px;color:#b8c6da;font-size:1.04rem;line-height:1.85;margin:0 0 32px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.hero-stats{display:flex;gap:44px;margin-top:58px;padding-top:26px;border-top:1px solid var(--line);width:max-content}.hero-stats div{display:grid}.hero-stats strong{font:700 1.55rem var(--font-head)}.hero-stats span{font-size:.72rem;color:#8290a7;text-transform:uppercase;letter-spacing:.08em}.scroll-mark{position:absolute;right:3.5vw;bottom:64px;display:flex;align-items:center;gap:15px;writing-mode:vertical-rl;color:#8290a7;font:600 .64rem var(--font-body);letter-spacing:.25em}.scroll-mark i{height:64px;width:1px;background:linear-gradient(var(--cyan),transparent)}.section{width:min(1280px,90vw);margin:0 auto;padding:120px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.section-heading h2{font:800 clamp(2.5rem,4.6vw,4.6rem)/.9 var(--font-head);margin:10px 0 0}.section-heading h2 b{color:#3b83ff;font-weight:800}.section-heading>p{max-width:440px;color:var(--muted);margin:0;padding-left:40px;border-left:1px solid var(--line)}.trailer-section{padding-top:80px}.trailer-card{display:grid;grid-template-columns:1fr 310px;min-height:580px;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow)}.trailer-visual{position:relative;overflow:hidden}.trailer-visual img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s}.trailer-card:hover .trailer-visual img{transform:scale(1.025)}.trailer-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,6,15,.92),transparent 48%),radial-gradient(circle at center,transparent,rgba(3,6,15,.25))}.play-button{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:96px;height:96px;border-radius:50%;border:1px solid rgba(134,195,255,.65);background:rgba(2,8,20,.45);backdrop-filter:blur(8px);color:#fff;box-shadow:0 0 0 13px rgba(40,104,255,.08),0 0 60px rgba(36,139,255,.35)}.play-button span{font-size:1.5rem;margin-left:5px}.play-button:hover{background:var(--blue);box-shadow:0 0 0 15px rgba(40,104,255,.18),0 0 80px rgba(36,139,255,.5)}.trailer-label{position:absolute;left:35px;bottom:30px;display:grid}.trailer-label span{font-size:.68rem;color:var(--cyan);letter-spacing:.2em}.trailer-label strong{font:700 1.6rem var(--font-head);letter-spacing:.04em}.trailer-side{padding:38px;display:flex;flex-direction:column;background:linear-gradient(160deg,#0f1b35,#070b15);border-left:1px solid var(--line);position:relative;overflow:hidden}.trailer-side:after{content:"X3";position:absolute;right:-14px;bottom:-58px;font:800 11rem var(--font-head);color:rgba(73,134,255,.07)}.side-index{font:.72rem var(--font-body);color:#60728f;letter-spacing:.15em}.trailer-side h3{font:800 3rem/.92 var(--font-head);margin:auto 0 18px}.trailer-side p{color:var(--muted);font-size:.88rem;margin:0 0 28px}.accent-line{width:74px;height:3px;background:linear-gradient(90deg,var(--blue),var(--cyan))}.news-section{padding-top:90px}.text-link{border:0;background:none;color:#9fb1ca;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.text-link span{color:var(--cyan);font-size:1.2rem;margin-left:8px}.news-grid{display:grid;grid-template-columns:1.18fr .91fr .91fr;gap:20px}.news-card{background:#09101e;border:1px solid var(--line);min-width:0;transition:.25s;cursor:pointer;overflow:hidden}.news-card:hover{transform:translateY(-6px);border-color:rgba(78,148,255,.6);box-shadow:0 22px 55px rgba(0,0,0,.35)}.news-image{height:225px;background-size:cover;background-position:center;position:relative;display:flex;align-items:end;padding:18px;overflow:hidden}.news-image:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,8,18,.82),transparent 65%)}.news-image span{position:relative;background:#1d5de7;padding:5px 10px;font-size:.62rem;font-weight:700;letter-spacing:.14em}.featured .news-image{height:285px}.default-news-one{background-image:linear-gradient(135deg,rgba(6,18,49,.24),rgba(8,12,23,.05)),url('./assets/gtax3-city-hero.webp')}.default-news-two{background-image:linear-gradient(125deg,#16234d,#0d5c86 60%,#11213d)}.default-news-two:after,.default-news-three:after{content:"X3";position:absolute;right:12px;top:-35px;font:800 9rem var(--font-head);color:rgba(255,255,255,.08)}.default-news-three{background-image:linear-gradient(125deg,#24163b,#951e48 68%,#171128)}.news-copy{padding:24px}.news-copy small{font-size:.62rem;color:#60a8ff;letter-spacing:.12em}.news-copy h3{font:700 1.7rem/1.05 var(--font-head);margin:9px 0 12px}.featured .news-copy h3{font-size:2.1rem}.news-copy p{color:#8391a8;font-size:.83rem;line-height:1.7;margin:0 0 20px}.news-meta{border-top:1px solid var(--line);padding-top:15px;display:flex;justify-content:space-between;color:#65738a;font-size:.7rem}.news-meta span{color:#b8cae5}.empty-state{padding:60px;text-align:center;border:1px dashed var(--line);color:var(--muted)}.community-section{position:relative;min-height:570px;display:grid;place-items:center;overflow:hidden;border-top:1px solid var(--line);background:linear-gradient(90deg,rgba(4,8,20,.94),rgba(4,8,20,.5)),url('./assets/gtax3-city-hero.webp') center 66%/cover fixed}.community-inner{text-align:center;position:relative;z-index:2;max-width:760px;padding:90px 20px}.community-inner h2{font:800 clamp(3.5rem,7vw,7rem)/.82 var(--font-head);margin:20px 0 26px}.community-inner h2 b{color:#4c92ff}.community-inner p{max-width:610px;margin:0 auto 32px;color:#abb8cb}.community-word{position:absolute;font:800 32rem var(--font-head);color:rgba(60,128,255,.04);line-height:1;right:-3vw;bottom:-160px}footer{min-height:180px;padding:46px max(5vw,24px);display:grid;grid-template-columns:1fr 1.4fr 1fr;align-items:center;gap:30px;border-top:1px solid var(--line);background:#03060d}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{width:58px;height:58px;object-fit:contain}.footer-brand div{display:grid}.footer-brand b{font:800 1.35rem var(--font-head)}.footer-brand span{font-size:.6rem;color:#66748a;letter-spacing:.16em}footer>p{font-size:.68rem;color:#58667a;text-align:center}.footer-links{display:flex;justify-content:flex-end;gap:24px;font-size:.75rem;color:#8190a7}.footer-links button{border:0;background:none;padding:0}.footer-links a:hover,.footer-links button:hover{color:#fff}dialog{padding:0;color:var(--text);border:1px solid rgba(101,157,255,.26);background:#080e1b;box-shadow:0 40px 120px rgba(0,0,0,.7)}dialog::backdrop{background:rgba(1,3,9,.78);backdrop-filter:blur(10px)}.auth-dialog,.account-dialog{width:min(500px,calc(100vw - 30px));padding:34px}.dialog-close{position:absolute;z-index:10;right:17px;top:14px;border:0;background:none;color:#71809a;font:300 1.8rem/1 var(--font-body)}.dialog-close:hover{color:white}.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}.auth-brand img{width:52px;height:52px;object-fit:contain}.auth-brand div{display:grid}.auth-brand b{font:800 1.35rem var(--font-head)}.auth-brand span{font-size:.59rem;color:#64748d;letter-spacing:.18em}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;margin:0 -34px 30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.auth-tabs button{height:52px;border:0;background:#060b15;color:#718099;font-weight:600}.auth-tabs button.active{color:#fff;background:#101a2d;box-shadow:inset 0 -2px var(--blue)}.form-title h2,.form-title h3{font:800 2rem var(--font-head);margin:0 0 5px}.form-title h3{font-size:1.5rem}.form-title p{font-size:.82rem;color:var(--muted);margin:0 0 24px}.auth-form{display:grid;gap:16px}.auth-form label,#postForm label{display:grid;gap:7px;color:#aebbd0;font-size:.76rem;font-weight:600}.auth-form input,#postForm input,#postForm textarea,#postForm select{width:100%;border:1px solid #1d2b44;background:#060a13;color:#fff;padding:13px 14px;outline:none;border-radius:0}.auth-form input:focus,#postForm input:focus,#postForm textarea:focus,#postForm select:focus{border-color:#397eff;box-shadow:0 0 0 3px rgba(50,116,255,.1)}.auth-form label small{color:#5f6e84;font-size:.65rem;font-weight:400}.check-row{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:10px!important}.check-row input{width:17px!important;height:17px;accent-color:var(--blue)}.form-link{border:0;background:none;color:#7694be;font-size:.75rem;margin:auto;padding:4px}.form-link:hover{color:white}.form-link.danger{color:#f06b74;margin-top:8px}.form-message{min-height:20px;margin:14px 0 0;font-size:.76rem;color:#68d59a}.form-message.error{color:#ff6d78}.otp-input{text-align:center;font:700 2rem var(--font-head)!important;letter-spacing:.45em}.account-head{display:flex;align-items:center;gap:17px;padding:4px 0 25px}.avatar-large{width:64px;height:64px;font-size:1.2rem}.account-head>div{display:grid}.account-head span:not(.avatar){font-size:.6rem;color:#5797ff;letter-spacing:.15em}.account-head h2{font:800 2rem/1 var(--font-head);margin:5px 0}.account-head p{margin:0;font-size:.75rem;color:var(--muted)}.account-status{padding:12px 14px;background:#06101a;border:1px solid rgba(44,222,143,.16);display:flex;justify-content:space-between;margin-bottom:24px;font-size:.7rem;color:#7d8da5}.account-status span{color:#67dca3}.account-status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#35e28b;margin-right:5px}.admin-dialog{width:min(1480px,calc(100vw - 24px));height:min(880px,calc(100vh - 24px));overflow:hidden}.admin-layout{display:grid;grid-template-columns:240px 1fr;height:100%}.admin-sidebar{padding:28px 20px;border-right:1px solid var(--line);background:#050a14;display:flex;flex-direction:column}.admin-sidebar nav{display:grid;gap:8px}.admin-sidebar nav button{height:44px;border:0;background:none;color:#718099;text-align:left;padding:0 14px}.admin-sidebar nav button.active,.admin-sidebar nav button:hover{background:#101a2d;color:#fff;border-left:2px solid var(--blue)}.admin-user{margin-top:auto;padding-top:20px;border-top:1px solid var(--line);display:flex;align-items:center;gap:10px}.admin-user>div{display:grid}.admin-user b{font-size:.72rem}.admin-user small{font-size:.62rem;color:#6f7c91}.admin-main{padding:34px;overflow:auto}.admin-top{display:flex;justify-content:space-between;align-items:center}.admin-top span,.editor-title span{color:#4d92ff;font-size:.62rem;letter-spacing:.16em}.admin-top h2{font:800 2.6rem var(--font-head);margin:3px 0}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.admin-stats div{background:#0b1322;border:1px solid var(--line);padding:18px;display:flex;justify-content:space-between;align-items:center}.admin-stats span{font-size:.72rem;color:#77869c}.admin-stats strong{font:700 1.7rem var(--font-head)}.post-list{display:grid;gap:10px}.post-row{display:grid;grid-template-columns:90px 1fr 130px 110px;align-items:center;gap:16px;background:#0a1120;border:1px solid var(--line);padding:10px;cursor:pointer}.post-row:hover{border-color:#315b9f}.post-thumb{height:62px;background:#13213d center/cover}.post-info b{display:block;font:700 1.08rem var(--font-head);margin-bottom:4px}.post-info small,.post-date{font-size:.66rem;color:#69778b}.status-pill{justify-self:start;font-size:.62rem;padding:4px 8px;border:1px solid rgba(55,225,143,.25);color:#62dca0}.status-pill.draft{border-color:rgba(246,181,67,.25);color:#eab85d}.editor-panel{width:390px;position:absolute;right:0;top:0;bottom:0;background:#080f1d;border-left:1px solid var(--line);z-index:4;padding:26px;overflow:auto;box-shadow:-25px 0 60px rgba(0,0,0,.35)}.editor-title{display:flex;justify-content:space-between;align-items:start;margin-bottom:22px}.editor-title h3{font:800 1.8rem var(--font-head);margin:3px 0}.editor-title button{border:0;background:none;color:#8290a7;font-size:1.4rem}.editor-panel form{display:grid;gap:15px}.editor-panel textarea{resize:vertical;line-height:1.6}.story-dialog{width:min(850px,calc(100vw - 30px));max-height:90vh;overflow:auto}.story-cover{height:360px;background:#14213b center/cover}.story-body{padding:36px 44px 48px}.story-body>span{font-size:.68rem;color:#53a2ff;letter-spacing:.16em}.story-body h2{font:800 clamp(2.5rem,5vw,4.5rem)/.92 var(--font-head);margin:12px 0 18px}.story-body>p{color:#9aabc2;font-weight:600}.story-body>div{margin-top:28px;padding-top:25px;border-top:1px solid var(--line);white-space:pre-line;color:#c2cadd}.toast{position:fixed;z-index:200;right:24px;bottom:24px;background:#111a2a;border:1px solid #2b4670;padding:14px 18px;color:#fff;box-shadow:var(--shadow);font-size:.78rem;transform:translateY(25px);opacity:0;pointer-events:none;transition:.25s}.toast.show{transform:none;opacity:1}.toast.error{border-color:#993a42}.reveal{opacity:0;transform:translateY(18px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:980px){.nav-links{position:absolute;top:114px;left:0;right:0;margin:0;background:#050a14;display:none;height:auto;padding:12px 20px;border-bottom:1px solid var(--line)}.nav-links.open{display:grid}.nav-links a{height:48px;display:flex;padding:0}.nav-links a:after{display:none}.menu-toggle{display:block;order:2}.account-actions{margin-left:10px;order:1}.brand{order:0}.trailer-card{grid-template-columns:1fr}.trailer-side{min-height:280px;border-left:0;border-top:1px solid var(--line)}.trailer-side h3{margin-top:70px}.news-grid{grid-template-columns:1fr 1fr}.news-card.featured{grid-column:1/-1}.admin-layout{grid-template-columns:1fr}.admin-sidebar{display:none}.post-row{grid-template-columns:80px 1fr 95px}.post-date{display:none}footer{grid-template-columns:1fr;text-align:center}.footer-brand,.footer-links{justify-content:center}.footer-links{order:2}.section-heading>p{display:none}}
@media(max-width:650px){.top-strip{display:none}.nav-shell{height:78px}.brand img{width:48px;height:48px}.brand>span{display:none}.account-actions .btn-ghost{display:none}.account-actions .btn-primary{padding:0 13px;min-height:40px;font-size:.72rem}.profile-chip>span:last-child{display:none}.hero{min-height:820px}.hero-bg{background:linear-gradient(90deg,rgba(3,6,15,.93),rgba(3,6,15,.45)),linear-gradient(0deg,#050814,transparent 48%),url('./assets/gtax3-city-hero.webp') 68% center/cover}.hero-content{margin-left:6vw;padding-top:50px}.hero-logo{width:90px;height:90px}.hero h1{font-size:3.45rem}.hero-actions{display:grid;width:100%;max-width:330px}.hero-stats{gap:20px;width:100%;overflow:hidden}.hero-stats strong{font-size:1.2rem}.hero-stats span{font-size:.58rem}.scroll-mark{display:none}.section{width:88vw;padding:80px 0}.section-heading{display:block;margin-bottom:28px}.trailer-card{min-height:0}.trailer-visual{height:350px}.play-button{width:72px;height:72px}.trailer-side{padding:28px}.trailer-side h3{font-size:2.55rem}.news-grid{grid-template-columns:1fr}.featured .news-image,.news-image{height:220px}.community-section{background-attachment:scroll}.community-inner h2{font-size:4rem}footer{padding:40px 24px}.auth-dialog,.account-dialog{padding:26px}.auth-tabs{margin-left:-26px;margin-right:-26px}.admin-dialog{width:100vw;height:100vh;max-width:none;max-height:none}.admin-main{padding:65px 16px 25px}.admin-top{align-items:end}.admin-top .btn{padding:0 13px}.admin-stats{gap:6px}.admin-stats div{display:grid;padding:12px}.post-row{grid-template-columns:62px 1fr 72px;gap:10px}.post-thumb{height:54px}.editor-panel{width:100%}.story-cover{height:240px}.story-body{padding:26px 24px 36px}.toast{left:16px;right:16px;bottom:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* GTA X3 navigation and horizontal page system */
body{height:100vh;overflow:hidden}.site-header{position:fixed;z-index:70}.nav-shell{height:90px;padding:0 max(4vw,28px);background:linear-gradient(90deg,rgba(2,6,14,.98) 0%,rgba(6,19,42,.95) 58%,rgba(2,6,14,.98) 100%);border-top:1px solid rgba(49,135,255,.5);border-bottom:1px solid rgba(45,113,220,.28);box-shadow:0 16px 45px rgba(0,0,0,.3)}.nav-shell:after{content:"";position:absolute;inset:0 0 0 45%;pointer-events:none;background:linear-gradient(110deg,transparent 0 23%,rgba(16,68,145,.32) 23.2% 48%,transparent 48.2%);opacity:.75}.brand{position:relative;z-index:2;min-width:220px}.brand img{width:68px;height:68px;filter:drop-shadow(0 0 16px rgba(58,103,255,.32))}.brand>span{font-size:1.55rem}.nav-links{position:relative;z-index:2;align-self:stretch;height:90px;margin:0 1.8vw;background:linear-gradient(180deg,rgba(22,56,109,.18),rgba(5,18,40,.5));clip-path:polygon(28px 0,100% 0,calc(100% - 28px) 100%,0 100%);padding:0 26px}.nav-links a{min-width:108px;padding:0 20px;text-transform:uppercase;font:700 .85rem var(--font-body);letter-spacing:.04em}.nav-links a:before{content:"";position:absolute;inset:auto 20px 0;height:3px;background:linear-gradient(90deg,var(--blue),var(--cyan));box-shadow:0 0 18px var(--cyan);transform:scaleX(0);transition:.26s}.nav-links a:after{display:none}.nav-links a:hover:before,.nav-links a.active:before{transform:scaleX(1)}.nav-links a.active{color:#fff;text-shadow:0 0 18px rgba(78,173,255,.65)}.account-actions{position:relative;z-index:3;gap:7px}.nav-download{height:44px;display:flex;align-items:center;gap:9px;padding:0 18px;background:linear-gradient(110deg,#123d86,#2073eb);clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);font-size:.72rem;font-weight:700;text-transform:uppercase;white-space:nowrap}.nav-download span{font-size:1.05rem;color:#9be7ff}.account-actions .btn{padding:0 16px;font-size:.75rem;white-space:nowrap}.hero{height:100vh;min-height:720px;padding-top:118px}.hero-content{padding-top:25px}.hero-logo{width:132px;height:115px}.hero-trailer-link{display:inline-flex;align-items:center;gap:10px;min-height:56px;padding:0 8px;color:#9eb0c9;text-transform:uppercase;font-size:.76rem;font-weight:700;letter-spacing:.06em}.hero-trailer-link span{width:31px;height:31px;border:1px solid rgba(80,170,255,.5);border-radius:50%;display:grid;place-items:center;color:#6bdfff;font-size:.66rem}.hero-trailer-link:hover{color:#fff}.scroll-mark{display:none}footer{display:none}
.route-panel{position:fixed!important;z-index:40;top:118px;right:0;bottom:0;left:0;width:100%!important;height:calc(100dvh - 118px);max-width:none!important;margin:0!important;padding:42px max(6vw,34px) 80px!important;overflow-y:auto;overscroll-behavior:contain;background:radial-gradient(circle at 70% 20%,rgba(24,87,175,.17),transparent 35%),linear-gradient(135deg,#050a16,#071329 54%,#030711);transform:translate3d(105%,0,0);visibility:hidden;opacity:.65;transition:transform .55s cubic-bezier(.7,0,.15,1),visibility .55s,opacity .4s}.route-panel:before{content:"";position:fixed;inset:118px 0 0;pointer-events:none;opacity:.16;background-image:linear-gradient(rgba(58,112,197,.17) 1px,transparent 1px),linear-gradient(90deg,rgba(58,112,197,.13) 1px,transparent 1px);background-size:78px 78px}.route-panel.is-active{transform:translate3d(0,0,0);visibility:visible;opacity:1}.route-panel.is-leaving{transform:translate3d(-7%,0,0);opacity:0;visibility:hidden}.route-panel>*{position:relative;z-index:1}.panel-close{display:inline-flex;align-items:center;gap:10px;border:0;background:none;color:#7186a6;text-transform:uppercase;font-size:.68rem;font-weight:700;letter-spacing:.14em;padding:0 0 18px}.panel-close span{color:#56c8ff;font-size:1rem}.panel-close:hover{color:#fff}.route-panel .section-heading{margin-bottom:26px}.route-panel .section-heading h2{font-size:clamp(2.5rem,4.2vw,4.2rem)}.trailer-section .trailer-card{min-height:min(590px,calc(100vh - 285px))}.community-section{display:grid!important;place-items:center!important;background:linear-gradient(90deg,rgba(3,8,18,.91),rgba(4,12,28,.45)),url('./assets/gtax3-city-hero.webp') center/cover!important}.community-section .panel-close{position:absolute;left:max(6vw,34px);top:42px}
.news-tabs{height:56px;display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));margin:0 0 26px;border:1px solid rgba(70,132,226,.17);background:linear-gradient(90deg,rgba(7,33,74,.58),rgba(5,17,39,.25));overflow:hidden}.news-tabs button{position:relative;border:0;border-right:1px solid rgba(70,132,226,.13);background:linear-gradient(0deg,rgba(19,87,190,.25),transparent 75%);color:#8ea3c2;text-transform:uppercase;font:700 .82rem var(--font-body);letter-spacing:.04em}.news-tabs button:after{content:"";position:absolute;left:22%;right:22%;bottom:0;height:3px;background:linear-gradient(90deg,#1e6fff,#54d8ff);box-shadow:0 0 15px rgba(65,185,255,.6);transform:scaleX(0);transition:.25s}.news-tabs button:hover,.news-tabs button.active{color:#fff;background:linear-gradient(0deg,rgba(20,91,205,.5),rgba(6,25,58,.3))}.news-tabs button.active:after{transform:scaleX(1)}.news-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px}.news-main{min-width:0}.news-grid{display:grid;grid-template-columns:1fr;gap:14px}.news-card,.news-card.featured{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:142px;background:linear-gradient(110deg,rgba(11,39,82,.92),rgba(7,24,53,.8));border:1px solid rgba(86,147,232,.36);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%);box-shadow:inset 0 0 35px rgba(30,90,180,.08)}.news-card:hover{transform:translateX(5px);border-color:rgba(83,181,255,.72);box-shadow:0 14px 40px rgba(0,0,0,.27),inset 0 0 40px rgba(34,103,214,.12)}.news-image,.featured .news-image{height:100%;min-height:140px}.news-copy{padding:18px 22px;display:flex;flex-direction:column}.news-copy h3,.featured .news-copy h3{font-size:1.55rem;margin:5px 0 6px}.news-copy p{margin:0 0 9px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-meta{margin-top:auto;padding-top:8px}.news-aside{display:grid;gap:14px;align-content:start}.aside-card{border:1px solid rgba(82,143,232,.3);background:linear-gradient(145deg,rgba(12,39,83,.96),rgba(5,17,38,.95));padding:24px;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%)}.aside-card>span{font-size:.61rem;color:#60bdff;letter-spacing:.17em}.aside-card h3{font:800 1.75rem var(--font-head);margin:5px 0 8px}.aside-card p{font-size:.75rem;color:#8395b0;line-height:1.65;margin:0 0 18px}.join-card{background:linear-gradient(145deg,rgba(15,62,135,.96),rgba(5,19,43,.97)),url('./assets/gtax3-city-hero.webp') center/cover}.download-card{border-color:rgba(211,49,66,.28);background:linear-gradient(145deg,rgba(65,12,31,.82),rgba(7,18,40,.97))}.server-card{display:flex;align-items:center;gap:13px;padding:16px 20px}.server-card i{width:10px;height:10px;border-radius:50%;background:#39e18c;box-shadow:0 0 18px #39e18c}.server-card div{display:grid}.server-card b{font-size:.76rem}.server-card span{font-size:.63rem;color:#71829c}
.auth-dialog,.account-dialog{position:fixed;inset:0 0 0 auto;width:min(520px,100vw);height:100dvh;max-height:none;margin:0;padding:38px 42px;overflow-y:auto;border-width:0 0 0 1px;background:linear-gradient(145deg,#0b1529,#050a13 70%);transform:translate3d(100%,0,0);opacity:0;box-shadow:-30px 0 90px rgba(0,0,0,.65)}.auth-dialog[open],.account-dialog[open]{display:block;animation:drawer-in .48s cubic-bezier(.7,0,.15,1) forwards}.auth-dialog::backdrop,.account-dialog::backdrop{background:rgba(1,4,11,.66);backdrop-filter:blur(6px);animation:backdrop-in .3s ease both}.auth-dialog:before,.account-dialog:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(28,95,210,.11),transparent 38%),repeating-linear-gradient(135deg,transparent 0 80px,rgba(70,132,220,.035) 81px 82px)}.auth-dialog>*,.account-dialog>*{position:relative}.auth-brand img{width:68px;height:60px}.auth-tabs{margin:0 -42px 30px}.dialog-close{position:fixed;right:24px;top:21px}@keyframes drawer-in{to{transform:translate3d(0,0,0);opacity:1}}@keyframes backdrop-in{from{opacity:0}to{opacity:1}}
@media(max-width:1180px){.brand{min-width:160px}.brand>span{display:none}.nav-links{margin:0 8px;padding:0 12px}.nav-links a{min-width:90px;padding:0 13px}.nav-download{padding:0 12px}.news-layout{grid-template-columns:minmax(0,1fr) 285px}.news-card,.news-card.featured{grid-template-columns:205px minmax(0,1fr)}}
@media(max-width:980px){.nav-shell{height:82px}.nav-shell:after{display:none}.brand{min-width:0}.nav-links{top:110px;height:auto;clip-path:none;padding:12px 20px}.nav-links a{min-width:0}.nav-download{display:none}.route-panel{top:110px;height:calc(100dvh - 110px);padding:30px 5vw 60px!important}.route-panel:before{inset:110px 0 0}.news-layout{grid-template-columns:1fr}.news-aside{grid-template-columns:1fr 1fr}.server-card{grid-column:1/-1}}
@media(max-width:650px){.site-header{height:78px}.nav-shell{height:78px;padding:0 16px}.brand img{width:55px;height:55px}.account-actions{margin-left:auto}.account-actions .btn-ghost{display:inline-flex}.account-actions .btn{padding:0 10px;font-size:.65rem}.menu-toggle{order:3}.nav-links{top:78px}.hero{min-height:100dvh;padding-top:78px}.hero-content{padding-top:5px}.hero-logo{width:88px;height:78px}.hero h1{font-size:3.15rem}.hero-actions{display:grid;grid-template-columns:1fr 1fr;max-width:100%;gap:8px}.hero-trailer-link{grid-column:1/-1;justify-content:center}.hero-stats{margin-top:35px}.route-panel{top:78px;height:calc(100dvh - 78px);padding:22px 18px 50px!important}.route-panel:before{inset:78px 0 0}.panel-close{padding-bottom:12px}.news-tabs{grid-template-columns:repeat(4,145px);overflow-x:auto;height:50px}.news-card,.news-card.featured{grid-template-columns:112px minmax(0,1fr);min-height:126px}.news-image,.featured .news-image{min-height:124px}.news-copy{padding:12px}.news-copy h3,.featured .news-copy h3{font-size:1.18rem}.news-copy p{font-size:.7rem;-webkit-line-clamp:1}.news-copy small{font-size:.55rem}.news-aside{grid-template-columns:1fr}.server-card{grid-column:auto}.auth-dialog,.account-dialog{width:100vw;padding:28px 24px}.auth-tabs{margin-left:-24px;margin-right:-24px}.trailer-section .trailer-card{min-height:0}.community-section .panel-close{left:18px;top:22px}}

/* Refined controls, typography and drawers */
.brand>span{font-size:1.42rem}.brand small{max-width:230px;margin-top:6px;color:#79aaff;font-size:.49rem;line-height:1.3;letter-spacing:.095em;white-space:normal}.hero-logo{width:108px;height:96px;margin-top:12px}.hero h1{font-size:clamp(2.85rem,4.6vw,4.9rem);line-height:.93;letter-spacing:-.01em;margin:8px 0 22px;max-width:760px}.hero h1 em{background:linear-gradient(90deg,#2d76ff,#61d8ff 70%,#fff);-webkit-background-clip:text;background-clip:text}.hero-content>p{font-size:.96rem;max-width:560px;margin-bottom:27px}.hero-actions{gap:10px}.btn{position:relative;min-height:50px;padding:0 27px;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);border:1px solid rgba(89,153,255,.36);font-size:.78rem;letter-spacing:.075em;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);overflow:hidden}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0 42%,rgba(255,255,255,.12) 49%,transparent 57%);transform:translateX(-150%);transition:transform .55s}.btn:hover:before{transform:translateX(150%)}.btn:hover{transform:translateY(-2px);border-color:rgba(106,207,255,.7)}.btn-primary{background:linear-gradient(112deg,#124edb,#2878ff 58%,#25b6eb);box-shadow:0 12px 34px rgba(24,95,231,.26),inset 0 1px rgba(255,255,255,.13)}.btn-outline{background:linear-gradient(110deg,rgba(9,19,40,.87),rgba(14,35,70,.68));border-color:rgba(100,162,255,.52);box-shadow:inset 0 0 28px rgba(25,95,205,.08)}.btn-large{min-width:184px;min-height:52px;padding:0 28px}.nav-download{justify-content:center;min-width:124px;padding:0 17px;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);border:1px solid rgba(71,156,255,.38);background:linear-gradient(110deg,#0c3273,#1f67d4);letter-spacing:.06em}.hero-trailer-link{min-width:125px;padding:0 14px;border:0;color:#91a4c0;letter-spacing:.1em}.hero-trailer-link:hover{color:#6edaff}.panel-close{min-height:34px;padding:0 16px;margin-bottom:18px;border:1px solid rgba(87,139,212,.24);background:rgba(7,21,45,.55);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}.panel-close:hover{border-color:rgba(75,180,255,.55);background:rgba(12,48,99,.55)}.text-link{min-height:36px;padding:0 15px;border:1px solid rgba(77,139,226,.25);background:rgba(7,24,52,.55);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}.play-button{width:auto;height:48px;padding:0 28px;border-radius:0;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);background:linear-gradient(110deg,#1555e7,#2f9ff6);font:700 .76rem var(--font-body);letter-spacing:.08em;text-transform:uppercase}.play-button:hover{background:linear-gradient(110deg,#1b63ff,#39bff4)}
.auth-dialog,.account-dialog{width:min(560px,100vw);padding:32px 42px 42px;background:radial-gradient(circle at 30% 0,rgba(27,85,176,.22),transparent 34%),linear-gradient(155deg,#0b1426,#050912 72%)}.auth-dialog:after,.account-dialog:after{content:"";position:fixed;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#3587ff,#45d5ff 45%,transparent 88%);box-shadow:0 0 24px rgba(50,145,255,.45)}.dialog-close{position:fixed;right:24px;top:20px;width:auto;height:32px;padding:0 13px;border:1px solid rgba(111,145,194,.28);background:rgba(4,11,23,.54);clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%);color:#8798b1;font:700 .62rem var(--font-body);text-transform:uppercase;letter-spacing:.12em}.dialog-close:hover{color:#fff;border-color:rgba(82,183,255,.58)}.auth-brand{min-height:102px;margin:-32px -42px 0;padding:21px 42px 18px;gap:16px;border-bottom:1px solid rgba(75,139,229,.2);background:linear-gradient(100deg,rgba(13,43,91,.45),rgba(5,12,25,.18))}.auth-brand img{width:72px;height:66px}.auth-brand b{font-size:1.65rem;letter-spacing:.055em}.auth-brand span{max-width:260px;margin-top:5px;color:#7189ae;font-size:.49rem;line-height:1.45;letter-spacing:.1em}.auth-tabs{height:60px;margin:0 -42px 32px;border-top:0;background:#050a13}.auth-tabs button{height:60px;position:relative;background:linear-gradient(180deg,rgba(12,26,50,.78),rgba(6,12,24,.9));font-size:.78rem;text-transform:uppercase;letter-spacing:.07em}.auth-tabs button.active{background:linear-gradient(180deg,rgba(20,61,126,.55),rgba(7,18,37,.95));box-shadow:none}.auth-tabs button.active:after{content:"";position:absolute;left:20%;right:20%;bottom:0;height:3px;background:linear-gradient(90deg,#2d75ff,#4cd7ff);box-shadow:0 0 15px rgba(58,167,255,.6)}.form-title{padding-bottom:3px}.form-title h2{font-size:2.15rem;letter-spacing:.02em}.form-title p{max-width:390px;font-size:.78rem;line-height:1.7}.auth-form{gap:17px}.auth-form label{gap:8px;color:#b7c5da;font-size:.72rem;letter-spacing:.02em}.auth-form input{height:52px;padding:0 15px;border-color:rgba(67,103,158,.42);background:rgba(2,7,15,.76)}.auth-form input:hover{border-color:rgba(75,136,226,.58)}.auth-form .btn{margin-top:4px}.form-link{min-height:32px;color:#8097ba;text-transform:uppercase;font-size:.63rem;letter-spacing:.08em}.news-meta span{color:#b8cae5;text-transform:uppercase;font-size:.62rem;letter-spacing:.07em}
@media(max-width:650px){.hero h1{font-size:2.55rem;line-height:.96}.hero-logo{width:78px;height:70px}.hero-content>p{font-size:.86rem}.btn-large{min-width:0;min-height:49px;padding:0 14px}.hero-trailer-link{min-height:42px}.auth-dialog,.account-dialog{padding:24px}.auth-brand{margin:-24px -24px 0;padding:18px 24px;min-height:92px}.auth-brand img{width:62px;height:56px}.auth-brand b{font-size:1.45rem}.auth-brand span{font-size:.45rem}.auth-tabs{margin:0 -24px 26px}.dialog-close{right:16px;top:16px}.form-title h2{font-size:1.85rem}}

/* Continuous home sections */
body{height:auto;min-height:100vh;overflow-x:hidden;overflow-y:auto}body.panel-open,body.dialog-open{overflow:hidden}.hero{height:auto;min-height:100vh}.home-stream{position:relative;background:radial-gradient(circle at 50% 15%,rgba(17,72,156,.18),transparent 30%),linear-gradient(180deg,#050814,#061126 48%,#030711)}.home-section{width:min(1280px,90vw);margin:0 auto;padding:100px 0}.home-section+.home-section{border-top:1px solid rgba(91,146,226,.18)}.home-section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:36px}.home-section-head h2{font:800 clamp(2.5rem,4vw,4rem)/.92 var(--font-head);margin:9px 0 0}.home-section-head h2 b{color:#4c91ff}.section-action{min-height:42px;padding:0 20px;border:1px solid rgba(80,144,233,.32);background:linear-gradient(110deg,rgba(8,27,59,.8),rgba(17,58,119,.66));clip-path:polygon(9px 0,100% 0,calc(100% - 9px) 100%,0 100%);color:#adbed6;text-transform:uppercase;font-size:.68rem;font-weight:700;letter-spacing:.09em}.section-action:hover{color:#fff;border-color:#48b8ff}.media-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.75fr);gap:20px}.media-feature{position:relative;min-height:480px;border:1px solid rgba(91,151,239,.36);background:#02050b;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%);box-shadow:0 25px 70px rgba(0,0,0,.36)}.media-feature iframe,.trailer-frame{width:100%;height:100%;min-height:480px;border:0;display:block}.trailer-frame{min-height:min(590px,calc(100vh - 285px))}.trailer-visual{background:#02050b}.media-list{display:grid;gap:12px}.media-item{min-height:145px;padding:0;display:grid;grid-template-columns:42% 1fr;gap:0;text-align:left;border:1px solid rgba(82,144,231,.3);background:linear-gradient(110deg,rgba(11,39,82,.94),rgba(7,21,47,.86));color:#fff;overflow:hidden}.media-item:hover{border-color:#4eafff;transform:translateX(4px)}.media-thumb{min-height:143px;background-position:center;background-size:cover}.media-thumb-one{background-image:linear-gradient(rgba(4,12,28,.15),rgba(4,12,28,.35)),url('./assets/gtax3-city-hero.webp')}.media-thumb-two{background-image:linear-gradient(135deg,rgba(22,65,160,.25),rgba(6,13,31,.35)),url('./assets/gtax3-city-hero.webp');background-position:70% center}.media-thumb-three{background:linear-gradient(135deg,#10275a,#a02249)}.media-item>span:last-child{padding:18px;display:flex;flex-direction:column;justify-content:center}.media-item small{color:#52bfff;font-size:.58rem;letter-spacing:.14em}.media-item b{font:700 1.2rem/1.05 var(--font-head);margin:7px 0}.media-item em{font-style:normal;color:#8292aa;font-size:.68rem}.home-news-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:24px}.home-news-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.home-news-card{padding:0;text-align:left;border:1px solid rgba(84,146,234,.34);background:linear-gradient(155deg,#0b244d,#07152e);color:#fff;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%);overflow:hidden}.home-news-card:hover{transform:translateY(-5px);border-color:#55b9ff}.home-news-image{height:230px;display:block;background-position:center;background-size:cover}.news-image-city{background-image:linear-gradient(0deg,rgba(4,11,26,.45),transparent),url('./assets/gtax3-city-hero.webp')}.news-image-account{background:linear-gradient(135deg,#163f95,#132452 56%,#9b234c)}.home-news-copy{min-height:205px;padding:22px;display:flex;flex-direction:column}.home-news-copy small{color:#59bdff;font-size:.6rem;letter-spacing:.14em}.home-news-copy b{font:700 1.62rem/1.07 var(--font-head);margin:9px 0}.home-news-copy em{font-style:normal;color:#8d9db5;font-size:.76rem;line-height:1.7}.home-news-copy time{margin-top:auto;padding-top:17px;border-top:1px solid rgba(96,145,215,.2);color:#6f819c;font-size:.66rem}.home-join-card{padding:34px;display:flex;flex-direction:column;justify-content:center;border:1px solid rgba(81,150,244,.35);background:linear-gradient(145deg,rgba(8,27,61,.78),rgba(4,12,28,.93)),url('./assets/gtax3-city-hero.webp') 68% center/cover;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%)}.home-join-card>span{color:#58c5ff;font-size:.62rem;letter-spacing:.15em}.home-join-card h3{font:800 2.4rem/.95 var(--font-head);margin:10px 0 14px}.home-join-card p{color:#94a4bb;font-size:.8rem;line-height:1.75;margin:0 0 24px}.about-section{min-height:520px;padding:80px max(8vw,34px);display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);align-items:center;gap:8vw;border-top:1px solid rgba(90,146,226,.24);border-bottom:1px solid rgba(90,146,226,.2);background:radial-gradient(circle at 45% 30%,rgba(25,81,164,.22),transparent 36%),linear-gradient(120deg,#030711,#081a38 58%,#030713)}.about-brand{text-align:center}.about-brand img{width:220px;height:190px;object-fit:contain;filter:drop-shadow(0 0 30px rgba(54,110,255,.23))}.about-brand h2{font:800 2.6rem var(--font-head);margin:5px 0}.about-brand p{margin:0;color:#8b9bb3}.about-copy h2{font:800 clamp(2.6rem,4.5vw,4.7rem)/.9 var(--font-head);margin:13px 0 24px}.about-copy>p{max-width:760px;color:#9dabc0;line-height:1.85}.about-actions{display:flex;gap:10px;margin-top:28px}footer{display:grid;min-height:155px}.footer-brand span{max-width:230px;line-height:1.4}
@media(max-width:980px){.media-layout{grid-template-columns:1fr}.media-list{grid-template-columns:repeat(3,1fr)}.media-item{grid-template-columns:1fr}.media-thumb{min-height:120px}.home-news-layout{grid-template-columns:1fr}.home-join-card{min-height:300px}.about-section{grid-template-columns:1fr;text-align:center}.about-copy>p{margin-left:auto;margin-right:auto}.about-actions{justify-content:center}}
@media(max-width:650px){.home-section{width:88vw;padding:70px 0}.home-section-head{align-items:start;gap:18px}.home-section-head h2{font-size:2.55rem}.section-action{padding:0 12px}.media-feature{min-height:240px}.media-feature iframe{min-height:240px}.media-list{grid-template-columns:1fr}.media-item{grid-template-columns:120px 1fr;min-height:120px}.media-thumb{min-height:118px}.home-news-grid{grid-template-columns:1fr}.home-news-image{height:190px}.about-section{padding:65px 22px}.about-brand img{width:150px;height:130px}.about-brand h2{font-size:2rem}.about-copy h2{font-size:2.7rem}.about-actions{display:grid}.trailer-frame{min-height:310px}footer{display:grid}}

.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:12px;width:min(660px,100%);margin-top:42px;padding-top:0;border-top:0}.hero-stats div{min-height:88px;padding:15px 18px;display:flex;flex-direction:column;justify-content:center;border:1px solid rgba(83,143,229,.36);background:linear-gradient(145deg,rgba(11,31,66,.78),rgba(4,12,27,.62));clip-path:polygon(9px 0,100% 0,calc(100% - 9px) 100%,0 100%);box-shadow:inset 0 0 24px rgba(31,91,184,.08)}.hero-stats div:hover{border-color:rgba(78,182,255,.65);background:linear-gradient(145deg,rgba(15,52,109,.85),rgba(5,16,35,.72))}.hero-stats strong{font:800 1.9rem/.95 var(--font-head);color:#65cfff;letter-spacing:.035em;text-shadow:0 0 18px rgba(51,150,255,.24)}.hero-stats span{margin-top:7px;color:#8ca1c0;font-size:.65rem;letter-spacing:.07em}.hero-content{padding-bottom:48px}
@media(max-width:650px){.hero-stats{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:28px}.hero-stats div{min-height:74px;padding:11px 9px}.hero-stats strong{font-size:1.35rem}.hero-stats span{font-size:.5rem;line-height:1.35}}

.community-socials{display:flex;justify-content:center;gap:10px;margin-top:28px}.community-socials button{min-width:118px;height:48px;padding:0 17px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid rgba(93,151,236,.34);background:linear-gradient(145deg,rgba(8,24,52,.88),rgba(5,13,28,.75));clip-path:polygon(9px 0,100% 0,calc(100% - 9px) 100%,0 100%);color:#aebed4;opacity:1;cursor:default}.community-socials svg{width:20px;height:20px;fill:currentColor}.community-socials span{font-size:.69rem;font-weight:700;letter-spacing:.055em;text-transform:uppercase}.community-socials button:nth-child(1){color:#ff6b74}.community-socials button:nth-child(2){color:#61e6df}.community-socials button:nth-child(3){color:#8298ff}.social-note{display:block;margin-top:11px;color:#60718b;font-size:.6rem;letter-spacing:.08em;text-transform:uppercase}@media(max-width:650px){.community-socials{gap:6px}.community-socials button{min-width:0;padding:0 12px}.community-socials span{display:none}.community-socials svg{width:22px;height:22px}.social-note{font-size:.52rem}}

/* GTA X3 electric blue + red identity */
:root{--blue:#245cff;--cyan:#46b9ff;--red:#f01d38}.nav-shell{border-top-color:rgba(59,111,255,.64);border-bottom-color:rgba(240,29,56,.25);background:linear-gradient(90deg,rgba(2,6,15,.99),rgba(8,24,55,.97) 43%,rgba(39,9,24,.9) 78%,rgba(2,6,15,.99))}.nav-shell:after{background:linear-gradient(110deg,transparent 0 23%,rgba(23,78,175,.34) 23.2% 47%,rgba(160,20,58,.2) 47.2% 69%,transparent 69.2%)}.brand img{filter:drop-shadow(-5px 0 14px rgba(36,92,255,.25)) drop-shadow(5px 0 14px rgba(240,29,56,.2))}.brand small{color:#8ea8ff}.nav-links a:before{background:linear-gradient(90deg,#2867ff 0 43%,#b22b84 67%,#f01d38);box-shadow:0 0 18px rgba(91,85,255,.6)}.nav-links a.active{text-shadow:-6px 0 20px rgba(45,102,255,.38),6px 0 20px rgba(240,29,56,.22)}.nav-download{border-color:rgba(111,77,255,.48);background:linear-gradient(112deg,#123e9c,#294fff 48%,#b91e55 76%,#ee213b)}.btn-primary{border-color:rgba(110,85,255,.52);background:linear-gradient(112deg,#164edc 0%,#2c62ff 45%,#9a2d91 70%,#ef233c 100%);box-shadow:-8px 12px 32px rgba(26,91,230,.18),8px 12px 34px rgba(215,30,65,.17),inset 0 1px rgba(255,255,255,.14)}.btn-primary:hover{border-color:rgba(255,85,111,.7);box-shadow:-10px 14px 38px rgba(35,94,255,.26),10px 14px 40px rgba(240,29,56,.23)}.btn-outline{border-color:rgba(92,112,226,.48);background:linear-gradient(110deg,rgba(8,25,58,.9),rgba(26,19,61,.75) 54%,rgba(65,10,28,.62))}.hero-bg:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 42% 56%,rgba(36,92,255,.12),transparent 30%),radial-gradient(circle at 82% 70%,rgba(240,29,56,.11),transparent 27%)}.hero h1 em{background:linear-gradient(90deg,#2a69ff 0%,#4ebfff 43%,#a83c9b 70%,#f02642 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.eyebrow{color:#64c7ff;text-shadow:0 0 16px rgba(43,114,255,.25)}.hero-logo,.about-brand img{filter:drop-shadow(-8px 0 24px rgba(38,89,255,.25)) drop-shadow(8px 0 24px rgba(240,29,56,.2))}.hero-stats div{border-color:rgba(103,91,225,.38);background:linear-gradient(135deg,rgba(9,34,83,.79),rgba(18,19,57,.72) 58%,rgba(55,9,27,.56))}.hero-stats div:hover{border-color:rgba(210,54,104,.62);background:linear-gradient(135deg,rgba(13,50,118,.87),rgba(32,23,77,.8) 58%,rgba(90,11,38,.67))}.hero-stats strong{background:linear-gradient(90deg,#5dc6ff,#8c81ff 55%,#ff6272);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}.route-panel{background:radial-gradient(circle at 22% 18%,rgba(31,91,209,.18),transparent 34%),radial-gradient(circle at 86% 70%,rgba(196,26,65,.13),transparent 31%),linear-gradient(135deg,#050a16,#08142d 54%,#120611)}.route-panel:before{background-image:linear-gradient(rgba(65,104,205,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(155,43,107,.1) 1px,transparent 1px)}.news-tabs button:after,.auth-tabs button.active:after{background:linear-gradient(90deg,#286cff,#7a59dd 55%,#ef2944);box-shadow:0 0 15px rgba(109,75,224,.58)}.news-tabs button:hover,.news-tabs button.active{background:linear-gradient(90deg,rgba(24,80,188,.48),rgba(77,28,102,.38),rgba(123,15,46,.3))}.news-card,.news-card.featured,.media-item{border-color:rgba(93,101,215,.36);background:linear-gradient(110deg,rgba(10,41,93,.92),rgba(23,24,69,.82) 62%,rgba(65,10,31,.7))}.news-card:hover,.media-item:hover{border-color:rgba(239,48,74,.62);box-shadow:-9px 16px 42px rgba(28,82,190,.15),9px 16px 42px rgba(205,23,58,.13)}.home-stream{background:radial-gradient(circle at 20% 18%,rgba(28,85,196,.18),transparent 30%),radial-gradient(circle at 85% 60%,rgba(192,24,61,.11),transparent 28%),linear-gradient(180deg,#050814,#07132c 45%,#130710 76%,#030711)}.home-section-head h2 b{background:linear-gradient(90deg,#4b8bff,#a04fb1 55%,#ef3049);-webkit-background-clip:text;background-clip:text;color:transparent}.section-action,.panel-close,.text-link{border-color:rgba(100,83,210,.36);background:linear-gradient(110deg,rgba(8,31,76,.82),rgba(47,22,78,.7),rgba(78,10,35,.58))}.section-action:hover,.panel-close:hover,.text-link:hover{border-color:rgba(240,48,73,.58)}.home-news-card{border-color:rgba(94,92,210,.4);background:linear-gradient(145deg,#0c2b64,#181b55 58%,#480d27)}.home-join-card{border-color:rgba(167,55,139,.4);background:linear-gradient(145deg,rgba(7,34,86,.79),rgba(30,20,66,.84) 54%,rgba(77,8,31,.82)),url('./assets/gtax3-city-hero.webp') 68% center/cover}.about-section{background:radial-gradient(circle at 27% 34%,rgba(33,88,207,.2),transparent 33%),radial-gradient(circle at 81% 52%,rgba(204,25,63,.13),transparent 31%),linear-gradient(120deg,#030711,#091a3d 52%,#1a0713)}.auth-dialog,.account-dialog{background:radial-gradient(circle at 22% 0,rgba(33,91,211,.24),transparent 34%),radial-gradient(circle at 100% 38%,rgba(213,29,68,.15),transparent 33%),linear-gradient(155deg,#0a152d,#110912 74%)}.auth-dialog:after,.account-dialog:after{background:linear-gradient(180deg,#2b71ff,#795bdd 48%,#f02742 88%,transparent);box-shadow:0 0 25px rgba(100,64,218,.48)}.auth-brand{background:linear-gradient(100deg,rgba(12,49,115,.48),rgba(35,22,75,.31) 60%,rgba(91,9,37,.25));border-bottom-color:rgba(150,54,134,.27)}.community-socials button{border-color:rgba(112,73,204,.4);background:linear-gradient(130deg,rgba(8,31,73,.88),rgba(31,19,66,.78),rgba(72,8,29,.65))}.community-word{background:linear-gradient(180deg,rgba(55,99,255,.08),rgba(239,29,56,.055));-webkit-background-clip:text;background-clip:text;color:transparent}.server-dot i{background:#3bec8e;box-shadow:0 0 14px #3bec8e}

.community-socials a{min-width:118px;height:48px;padding:0 17px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid rgba(112,73,204,.4);background:linear-gradient(130deg,rgba(8,31,73,.88),rgba(31,19,66,.78),rgba(72,8,29,.65));clip-path:polygon(9px 0,100% 0,calc(100% - 9px) 100%,0 100%);color:#ff5867}.community-socials a:hover{transform:translateY(-3px);border-color:rgba(255,79,99,.7);box-shadow:0 12px 30px rgba(225,30,60,.17)}.community-socials a svg{width:20px;height:20px;fill:currentColor}.community-socials a span{font-size:.69rem;font-weight:700;letter-spacing:.055em;text-transform:uppercase}.community-socials button:nth-of-type(1){color:#5597ff}.community-socials button:nth-of-type(2){color:#61e6df}.community-socials button:nth-of-type(3){color:#8298ff}@media(max-width:650px){.community-socials a{min-width:0;padding:0 11px}.community-socials a span{display:none}.community-socials a svg{width:22px;height:22px}}

/* Refined GTA X3 navigation palette: midnight blue with restrained red accents */
.nav-shell{border-top:1px solid rgba(54,112,225,.52);border-bottom:1px solid rgba(58,115,224,.32);background:linear-gradient(90deg,rgba(2,7,17,.99),rgba(7,20,43,.98) 48%,rgba(4,10,23,.99));box-shadow:0 10px 38px rgba(0,0,0,.24)}
.nav-shell:after{opacity:.52;background:linear-gradient(110deg,transparent 0 34%,rgba(25,72,151,.22) 34.2% 62%,rgba(92,22,42,.1) 62.2% 76%,transparent 76.2%)}
.nav-links a:before{background:linear-gradient(90deg,#276dff 0 78%,#ef3046 78%);box-shadow:0 0 14px rgba(39,109,255,.4)}
.nav-links a.active{text-shadow:0 0 18px rgba(58,116,255,.28)}
.nav-download{border-color:rgba(75,139,244,.48);background:linear-gradient(112deg,#123b8d,#245fe4 82%,#d52b43 82%);box-shadow:0 8px 24px rgba(20,75,180,.2)}
.account-actions .btn-primary{border-color:rgba(72,137,244,.52);background:linear-gradient(112deg,#1749ad,#2872ee 82%,#d92b43 82%);box-shadow:0 8px 24px rgba(25,83,193,.2)}
.account-actions .btn-ghost{background:rgba(5,13,29,.7);border-color:rgba(93,128,183,.22)}
.community-socials a{border-color:rgba(76,133,224,.42);background:linear-gradient(135deg,rgba(8,31,70,.94),rgba(5,14,31,.92))}
.community-socials a:first-child{color:#f05a68}.community-socials a:last-of-type{color:#7c91ff}
.community-socials a:hover{border-color:rgba(71,139,255,.72);box-shadow:0 12px 30px rgba(35,94,210,.2)}
.social-note{color:#91a9cd;font-weight:700;letter-spacing:.16em}

/* Shared ending displayed inside Trailer, News and Community slide pages */
.panel-end{margin:100px calc(max(6vw,34px) * -1) -80px;border-top:1px solid rgba(72,130,224,.34);background:#030711}
.panel-about{min-height:520px;padding:76px max(8vw,34px);display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);align-items:center;gap:8vw;background:radial-gradient(circle at 27% 34%,rgba(31,85,196,.22),transparent 34%),radial-gradient(circle at 83% 55%,rgba(184,27,58,.09),transparent 30%),linear-gradient(120deg,#030711,#091a3b 58%,#0b0712)}
.panel-about-brand{text-align:center}.panel-about-brand img{width:220px;height:190px;object-fit:contain;filter:drop-shadow(-7px 0 22px rgba(38,89,255,.23)) drop-shadow(7px 0 20px rgba(226,36,56,.15))}.panel-about-brand h2{font:800 2.6rem var(--font-head);margin:5px 0}.panel-about-brand p{margin:0;color:#8b9bb3}
.panel-about-copy h2{font:800 clamp(2.6rem,4.5vw,4.7rem)/.9 var(--font-head);margin:13px 0 24px}.panel-about-copy>p{max-width:760px;color:#9dabc0;line-height:1.85}
.panel-footer{min-height:155px;padding:42px max(5vw,24px);display:grid;grid-template-columns:1fr 1.4fr 1fr;align-items:center;gap:30px;border-top:1px solid rgba(79,130,205,.22);background:#03060d}.panel-footer>p{font-size:.68rem;color:#58667a;text-align:center}
.community-section{display:block!important;padding-left:max(6vw,34px)!important;padding-right:max(6vw,34px)!important}.community-section>.community-inner{min-height:calc(100dvh - 190px);margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.community-section>.panel-end{position:relative;z-index:2}
@media(max-width:980px){.panel-end{margin-left:-5vw;margin-right:-5vw}.panel-about{grid-template-columns:1fr;text-align:center}.panel-about-copy>p{margin-left:auto;margin-right:auto}.panel-about .about-actions{justify-content:center}.panel-footer{grid-template-columns:1fr;text-align:center}.panel-footer .footer-brand,.panel-footer .footer-links{justify-content:center}}
@media(max-width:650px){.panel-end{margin:70px -18px -50px}.panel-about{padding:60px 22px}.panel-about-brand img{width:150px;height:130px}.panel-about-brand h2{font-size:2rem}.panel-about-copy h2{font-size:2.7rem}.panel-about .about-actions{display:grid}.panel-footer{padding:36px 22px}.community-section{padding-left:18px!important;padding-right:18px!important}}

/* Account validation and admin management */
.check-row{position:relative;display:grid!important;grid-template-columns:24px minmax(0,1fr)!important;align-items:center;gap:11px!important;min-height:36px}.check-row input[type="checkbox"]{appearance:none!important;-webkit-appearance:none!important;width:22px!important;height:22px!important;min-width:22px!important;margin:0!important;padding:0!important;border:1px solid rgba(86,142,231,.68)!important;border-radius:3px!important;background:#050b16!important;display:grid!important;place-items:center!important;outline:0!important;box-shadow:inset 0 0 0 2px rgba(37,83,158,.12)!important;cursor:pointer}.check-row input[type="checkbox"]:hover{border-color:#55a1ff!important}.check-row input[type="checkbox"]:focus-visible{border-color:#62adff!important;box-shadow:0 0 0 3px rgba(42,111,240,.18)!important}.check-row input[type="checkbox"]:checked{border-color:#4388ff!important;background:linear-gradient(135deg,#245cff,#397eff 72%,#e62d48)!important;box-shadow:0 0 16px rgba(45,107,255,.28)!important}.check-row input[type="checkbox"]:checked:after{content:"✓";color:#fff;font:800 15px/1 var(--font-body);transform:translateY(-1px)}.check-row span{line-height:1.45}.otp-input{padding-left:1.25em!important;text-align:center!important;letter-spacing:.32em!important;font-size:1.8rem!important;font-variant-numeric:tabular-nums}.field-status{min-height:15px;font-size:.62rem;font-weight:500}.field-status.checking{color:#7f94b4}.field-status.valid{color:#5dd49a}.field-status.invalid{color:#ff6c78}
.admin-view{grid-column:2;grid-row:1;min-width:0}.admin-add-form{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:12px;align-items:end;margin:25px 0 5px;padding:22px;border:1px solid rgba(72,124,207,.28);background:#081224}.admin-add-form label{display:grid;gap:7px;color:#aebbd0;font-size:.76rem;font-weight:600}.admin-add-form input{height:48px;border:1px solid #1d2b44;background:#050a13;color:#fff;padding:0 14px;outline:none}.admin-add-form input:focus{border-color:#397eff}.admin-member-list{display:grid;gap:10px;margin-top:20px}.admin-member-row{min-height:70px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(72,124,207,.25);background:#091322}.admin-member-row>div{display:grid}.admin-member-row b{font:700 1.05rem var(--font-head)}.admin-member-row small{color:#71819a;font-size:.64rem}.admin-member-row button{min-height:34px;padding:0 13px;border:1px solid rgba(233,72,91,.35);background:rgba(81,13,27,.28);color:#ef7581;font-size:.65rem;text-transform:uppercase}.admin-member-row button:disabled{border-color:rgba(69,126,219,.25);background:rgba(14,39,82,.35);color:#728caf;cursor:default}
@media(max-width:980px){.admin-view{grid-column:1}.admin-add-form{grid-template-columns:1fr}}
.community-socials #communityYoutube{color:#f05a68}.community-socials #communityFacebook{color:#5597ff}.community-socials #communityTiktok{color:#61e6df}.community-socials #communityDiscord{color:#8298ff}.community-socials a.social-disabled{opacity:.4;filter:saturate(.45);cursor:not-allowed;pointer-events:none}
.social-settings-form{max-width:780px;margin-top:26px;padding:25px;display:grid;grid-template-columns:1fr 1fr;gap:18px;border:1px solid rgba(72,124,207,.28);background:#081224}.social-settings-form label{display:grid;gap:7px;color:#aebbd0;font-size:.76rem;font-weight:600}.social-settings-form input{height:50px;border:1px solid #1d2b44;background:#050a13;color:#fff;padding:0 14px;outline:none}.social-settings-form input:focus{border-color:#397eff}.social-settings-form .btn,.social-settings-form .form-message{grid-column:1/-1}.social-settings-form .form-message{margin:0}
@media(max-width:650px){.social-settings-form{grid-template-columns:1fr;padding:18px}.social-settings-form .btn,.social-settings-form .form-message{grid-column:1}}

/* Equal three-card news row with matching opposite corner cuts */
.home-news-layout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}.home-news-grid{display:contents}.home-news-card,.home-join-card{width:100%;min-width:0;min-height:440px;clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px)}.home-news-card{display:flex;flex-direction:column}.home-news-card .home-news-copy{flex:1}.home-join-card{padding:34px}
@media(max-width:980px){.home-news-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.home-join-card{grid-column:1/-1;min-height:300px}}
@media(max-width:650px){.home-news-layout{grid-template-columns:1fr}.home-join-card{grid-column:auto}.home-news-card,.home-join-card{min-height:0}}

/* Compact social row in the upper status bar */
.topbar-right{display:flex;align-items:center;gap:22px}.top-socials{display:flex;align-items:center;gap:13px}.top-socials a{width:20px;height:20px;display:grid;place-items:center;color:#8190aa;transition:.2s}.top-socials a:hover{color:#fff;transform:translateY(-1px)}.top-socials svg{width:17px;height:17px;fill:currentColor}.top-socials a:nth-child(1):hover{color:#5597ff}.top-socials a:nth-child(2):hover{color:#61e6df}.top-socials a:nth-child(3):hover{color:#8298ff}.top-socials a:nth-child(4):hover{color:#f05a68}.top-socials a.social-disabled{opacity:.3;pointer-events:none}.topbar-right .server-dot{padding-left:20px;border-left:1px solid rgba(94,135,197,.2)}
@media(max-width:650px){.topbar-right{display:none}}

/* Media content studio */
#mediaForm label{display:grid;gap:7px;color:#aebbd0;font-size:.76rem;font-weight:600}
#mediaForm input,#mediaForm textarea,#mediaForm select{width:100%;border:1px solid #1d2b44;background:#060a13;color:#fff;padding:13px 14px;outline:none;border-radius:0}
#mediaForm input:focus,#mediaForm textarea:focus,#mediaForm select:focus{border-color:#397eff;box-shadow:0 0 0 3px rgba(50,116,255,.1)}
#mediaForm textarea{resize:vertical;line-height:1.6}

/* Dialog fallback for older browsers and embedded WebViews. */
dialog.dialog-fallback[open]{display:block;z-index:1000}
.auth-dialog.dialog-fallback[open],.account-dialog.dialog-fallback[open]{transform:translate3d(0,0,0);opacity:1}

/* Keep account forms centered and visible on every viewport/browser. */
.auth-dialog,.account-dialog{
  position:fixed!important;
  inset:50% auto auto 50%!important;
  width:min(560px,calc(100vw - 32px))!important;
  height:auto!important;
  max-width:none!important;
  max-height:calc(100dvh - 32px)!important;
  margin:0!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  border:1px solid rgba(101,157,255,.38)!important;
  transform:translate(-50%,-50%)!important;
  opacity:1!important;
}
.auth-dialog[open],.account-dialog[open]{display:block!important;animation:none!important}
.auth-dialog:before,.account-dialog:before,.auth-dialog:after,.account-dialog:after{position:absolute!important}
.auth-dialog .dialog-close,.account-dialog .dialog-close{position:absolute!important}
@media(max-width:650px){
  .auth-dialog,.account-dialog{width:calc(100vw - 20px)!important;max-height:calc(100dvh - 20px)!important}
}

/* Home news uses real images so changed article covers are rendered reliably. */
.home-news-image{position:relative;overflow:hidden;background-color:#0a1325}
.home-news-image>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.home-news-image:has(>img):after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(4,11,26,.42),transparent 62%)}

/* GTA X3 — fresh glass / launcher bubbles, 12 October 2026 */
:root{--bg:#071827;--text:#f2faff;--cyan:#70ecff;--blue:#399bff;--line:rgba(153,222,255,.25)}
body{background:radial-gradient(ellipse at 80% 20%,#16394b,transparent 55%),#071827}
.page-noise{opacity:.018}
.top-strip{background:rgba(6,23,37,.86);color:#afd3e0;border-color:rgba(157,224,255,.16)}
.nav-shell{background:linear-gradient(110deg,rgba(8,30,48,.86),rgba(22,48,66,.65),rgba(39,27,55,.67));backdrop-filter:blur(22px);border-top:1px solid rgba(112,236,255,.4);border-bottom:1px solid rgba(183,222,244,.2);box-shadow:0 12px 36px #04132135}
.nav-shell:after{display:none}
.nav-links a{color:#d1e1ed}.nav-links a:hover,.nav-links a.active{color:#8df1ff}
.brand small{color:#9acbdc}.nav-download{color:#9fefff}
.hero-bg{background:linear-gradient(90deg,rgba(5,24,40,.74),rgba(7,31,47,.38) 40%,rgba(8,29,40,.02) 70%),linear-gradient(0deg,#071827 0%,transparent 24%),var(--coast-image) 65% center/cover no-repeat;filter:saturate(1.06)}
.hero-bg:after{background:radial-gradient(ellipse at 55% 16%,rgba(84,234,255,.14),transparent 44%),radial-gradient(ellipse at 95% 65%,rgba(255,146,202,.13),transparent 40%)}
.hero-grid{opacity:.1}.hero-content{width:min(780px,90vw)}
.hero .eyebrow{color:#9cefff;letter-spacing:.25em}
.hero h1{font-size:clamp(3.1rem,5.2vw,5.8rem);line-height:1.02;letter-spacing:.01em;text-shadow:0 8px 35px #02152260}
.hero h1 em{background:linear-gradient(100deg,#9af5ff,#71caff 48%,#e5b5ff 80%,#ffb5ca);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-logo{filter:drop-shadow(0 0 25px #79e4ff55)}
.hero-content>p{color:#d3e6ef;max-width:565px;line-height:1.85}
.btn-primary{background:linear-gradient(110deg,#207bdf,#32b4e1 58%,#80e9ee);box-shadow:0 8px 32px #43d6ff30;color:#fff}
.btn-primary:hover{box-shadow:0 10px 36px #70ecff55}
.btn-outline{border-color:#8defff80;background:#0d354b42;color:#d9faff;backdrop-filter:blur(12px)}
.hero-trailer-link{color:#c4e9f2}.hero-stats{gap:14px;margin-top:36px}
.hero-stats div{background:linear-gradient(135deg,#16485f80,#34325955);border-color:#a0e8ff65;backdrop-filter:blur(14px);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}
.hero-stats div:hover{background:#237b9440;border-color:#9af5ff}
.hero-stats strong{background:linear-gradient(100deg,#b4f8ff,#96d6ff,#efc0ff);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-stats span{color:#c0d9e6}.scroll-mark{color:#b4dce8}
.hero-stats div{position:relative;border:0;background:linear-gradient(135deg,rgba(17,39,59,.83),rgba(42,36,64,.76));box-shadow:inset 0 0 24px #ffdf9e0d}
.hero-stats strong{background:none;-webkit-text-fill-color:#fff1cd;color:#fff1cd;text-shadow:0 2px 12px #0008}
.hero-stats span{color:#fff9ee;text-shadow:0 1px 5px #0009;letter-spacing:.065em}
.hero-stats .stat-outline{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 0 3px #ffd88b75)}
.home-news-section,.about-section{background:linear-gradient(145deg,#0a2234,#0d2637 60%,#211e36)}
.home-news-card,.home-join-card,.trailer-card,.community-card{border-color:#88d6f050;background:linear-gradient(135deg,#17455b99,#292d4b88);backdrop-filter:blur(14px)}
.home-news-copy em,.home-news-copy time{color:#bad1df}.home-news-copy small{color:#a0f0ff}
.section-heading p{color:#bad1df}.section-heading h2 b{color:#8ce9ff}
.panel-footer{background:#081c2c;border-color:#86d8ed35}
.route-panel{background:radial-gradient(ellipse at 15% 0%,#26596960,transparent 50%),radial-gradient(ellipse at 95% 70%,#65477544,transparent 50%),linear-gradient(135deg,#0a2233,#10283b 55%,#201e34)}
.website-bubbles{position:fixed;inset:0;width:100%;height:100%;z-index:71;pointer-events:none;opacity:.7}
/* Transparent panel and an actual SVG outline follow all six cut corners. */
dialog.auth-dialog,dialog.account-dialog,dialog.admin-dialog,dialog.story-dialog{border:0!important;border-radius:0;isolation:isolate;background:linear-gradient(135deg,rgba(20,63,82,.46),rgba(27,37,63,.4) 60%,rgba(71,33,63,.35));backdrop-filter:blur(16px) saturate(1.25);-webkit-backdrop-filter:blur(16px) saturate(1.25);clip-path:polygon(24px 0,100% 0,100% calc(100% - 24px),calc(100% - 24px) 100%,0 100%,0 24px);box-shadow:0 25px 90px #00111e65}
dialog::backdrop,dialog.auth-dialog::backdrop,dialog.account-dialog::backdrop{background:rgba(3,15,27,.34);backdrop-filter:blur(3px)}
.auth-dialog:before,.auth-dialog:after,.account-dialog:before,.account-dialog:after{display:none!important}
.auth-dialog,.account-dialog{padding:30px 36px 32px}
dialog>.popup-outline{position:absolute!important;inset:0;z-index:6;pointer-events:none;width:100%;height:100%;overflow:visible}
dialog>.popup-bubbles{position:absolute!important;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.65}
dialog>:not(.popup-outline):not(.popup-bubbles){position:relative;z-index:1}
.auth-brand{min-height:88px;margin:0 0 18px;padding:0 0 18px;border-bottom:1px solid #a0e8ff30;background:transparent;gap:15px}
.auth-brand img{width:64px;height:58px;filter:drop-shadow(0 0 18px #76e2ff45)}
.auth-brand b{font-size:1.7rem;color:#effcff}.auth-brand span{color:#b7d8e7;font-size:.48rem}
.auth-tabs{height:48px;margin:0 0 25px;padding:4px;gap:4px;background:#071b2f45;border:1px solid #b4ecff33;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px)}
.auth-tabs button{height:38px;background:transparent;color:#bed6e2;letter-spacing:.08em}
.auth-tabs button.active{background:linear-gradient(110deg,#37a7d945,#9985dc28);color:#b7f7ff}
.auth-tabs button.active:after{left:15%;right:15%;height:2px;background:linear-gradient(90deg,#7eeeff,#c7adff);box-shadow:0 0 10px #8defff70}
.form-title h2{color:#f2fcff;letter-spacing:.045em}.form-title p{color:#c0d7e4}
.auth-form{gap:15px}.auth-form label{color:#d9eaf4;font-size:.74rem}
.auth-form label small{color:#adcbd9}.auth-form input{height:49px;background:rgba(5,24,40,.35);border:1px solid rgba(164,224,250,.42);border-radius:0;color:#f0faff;transition:border-color .2s,box-shadow .2s}
.auth-form input::placeholder{color:#a8c2d1}.auth-form input:focus{border-color:#91eeff;box-shadow:0 0 0 3px #76e4ff18;outline:none}
.form-link{color:#a0edff}.auth-form .btn{min-height:48px}
.check-row input[type="checkbox"]{background:#12395166!important;border-color:#90ddff80!important}
dialog .dialog-close{z-index:10!important;top:15px;right:16px;color:#dcf5ff;background:#12324680;border-color:#a2eaff60}
.admin-sidebar,.admin-content,.story-body{background:transparent}
/* Beveled surfaces with a continuous outline, including every diagonal corner. */
.cut-frame{border:0!important;box-shadow:inset 0 2px 0 #e0faff35,inset 0 -4px 0 #0008,inset 3px 0 12px #9cdcff12,inset -3px 0 12px #0005}
.cut-frame>.frame-outline{position:absolute!important;inset:0;width:100%;height:100%;pointer-events:none;z-index:8;color:#aeeaff;filter:drop-shadow(0 0 2px #85dfff65)}
.home-news-card,.home-join-card,.news-card,.aside-card,.media-feature{background-color:#132c40;box-shadow:inset 0 2px 0 #ddfaff50,inset 0 -5px 0 #020b1ac0,inset 4px 0 18px #9bdcff15,inset -4px 0 18px #0005}
.home-news-card>.frame-outline,.home-join-card>.frame-outline{color:#ffe5ad}
.hero-stats div{box-shadow:inset 0 2px 0 #fff6d760,inset 0 -4px 0 #020b1ad0,inset 3px 0 10px #ffe6b025,inset -3px 0 12px #0006}
.hero-stats div:hover{background:linear-gradient(135deg,#213f58ee,#393149dd)}
.hero h1 em,.hero h1 .hero-title-line{position:relative;display:block;width:fit-content;-webkit-text-stroke:.5px #dbfaff65}
.hero h1 .hero-title-line{color:#fff;line-height:inherit}
.hero h1 em:after,.hero h1 .hero-title-line:after{content:attr(data-text);position:absolute;inset:0;pointer-events:none;color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:1.5px #e9ffff;text-shadow:0 0 8px #8bf5ff,0 0 18px #50ccff;mask-image:linear-gradient(105deg,transparent 40%,#000 48%,#000 52%,transparent 60%);mask-size:300% 100%;mask-repeat:no-repeat;animation:title-outline-light 4.8s linear infinite}
@keyframes title-outline-light{0%{mask-position:100% 0}85%,100%{mask-position:0% 0}}
#community.community-section{background:linear-gradient(90deg,#081c36b8,#14344e7a 50%,#10253a40),linear-gradient(0deg,#071827,transparent 30%),var(--coast-image) center/cover no-repeat!important;background-attachment:local}
.community-inner h2{color:#fff4dd;text-shadow:0 3px 20px #03152dcc}.community-inner p{color:#fff;text-shadow:0 2px 8px #041523}
.home-join-card{background:linear-gradient(135deg,#12364cd9,#262b47d9),var(--coast-image) center/cover}
dialog{scrollbar-width:thin;scrollbar-color:#86ddeb70 transparent;color-scheme:dark}
dialog::-webkit-scrollbar{width:5px}dialog::-webkit-scrollbar-track{background:transparent}dialog::-webkit-scrollbar-thumb{background:#86ddeb70}
/* Brighter header jewelry and popup accents. */
.nav-shell{background:linear-gradient(110deg,rgba(10,40,61,.95),rgba(27,73,91,.92) 45%,rgba(45,40,75,.94));border-top:2px solid #8ff5ff;border-bottom:2px solid #ffd998;box-shadow:0 3px 16px #72e7ff30,0 10px 30px #04152260,inset 0 1px 0 #fff8}
.nav-links{background:linear-gradient(120deg,#28708e80,#33385b99);box-shadow:inset 0 2px 0 #fff5,inset 0 -4px 0 #07152299}
.nav-links>.frame-outline{color:#ffe0a3;filter:drop-shadow(0 0 4px #ffd58999)}
.nav-links a{color:#f1f5ff;text-shadow:0 1px 5px #041423}.nav-links a.active{color:#fff0bd;text-shadow:0 0 12px #ffc96a80}
.nav-links a:after{height:3px;background:linear-gradient(90deg,#ffe5a6,#81f4ff,#fface2);box-shadow:0 0 10px #ffe5a675}
.account-actions .btn-ghost{background:linear-gradient(135deg,#72533399,#393046bb);color:#fff0cb}
.account-actions .btn-ghost>.frame-outline{color:#ffe3a6;filter:drop-shadow(0 0 4px #ffd28090)}
.account-actions .btn-primary,.nav-download{background:linear-gradient(110deg,#226edc,#20b7d5 70%,#8eeff3);color:#fff;box-shadow:inset 0 2px 0 #d9ffff80,inset 0 -3px 0 #07345a99}
.account-actions .btn-primary>.frame-outline,.nav-download>.frame-outline{color:#b8ffff;filter:drop-shadow(0 0 4px #8efaff90)}
dialog>.popup-outline{filter:drop-shadow(0 0 5px #83f3ffaa)}
dialog>.popup-outline polygon{stroke:#b9fcff;stroke-width:2}
.auth-brand{border-bottom-color:#ffe1a66e}.auth-brand b{color:#fff0cf}
.auth-tabs{background:linear-gradient(110deg,#17496180,#34305766)}
.auth-tabs>.frame-outline{color:#ffe2a7;filter:drop-shadow(0 0 3px #ffd89b70)}
.auth-tabs button.active{background:linear-gradient(110deg,#25acc877,#8270c455);color:#fff0cb}
.auth-tabs button.active:after{background:linear-gradient(90deg,#ffe7b2,#93ffff,#ffc4ed);height:3px;box-shadow:0 0 12px #92f7ff99}
dialog .dialog-close{background:linear-gradient(135deg,#694e3977,#313253aa);color:#fff0cd}
dialog .dialog-close>.frame-outline{color:#ffe2a7}
/* Article popup: fixed shell, independently scrolling content, always reachable close. */
#storyDialog{height:min(900px,90dvh);max-height:90dvh;overflow:hidden!important;padding:0}
#storyDialog>.story-scroll{height:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#86ddeb80 transparent}
#storyDialog>.dialog-close{position:absolute!important;top:17px;right:20px;left:auto;z-index:12!important;margin:0;height:34px;background:#102b43ed;box-shadow:0 3px 15px #0005}
#storyDialog>.popup-outline{z-index:10}
#storyDialog .story-cover{height:clamp(180px,30dvh,290px);margin-top:58px}
#storyDialog .story-body{padding:28px 38px 40px}
#storyDialog .story-body h2{font-size:clamp(1.9rem,3.3vw,3rem);line-height:1.08;margin:14px 0 18px;overflow-wrap:anywhere}
#storyDialog .story-body>p{color:#d0e2ee;line-height:1.75}
#storyDialog #storyContent{color:#e1edf5;line-height:1.85;padding-bottom:16px}
@media(max-width:650px){#storyDialog{width:calc(100vw - 20px);height:90dvh}#storyDialog .story-body{padding:24px 22px 30px}#storyDialog .story-cover{height:190px}#storyDialog>.dialog-close{right:16px;top:14px}}
/* News: layered editorial cards with category colors and clear reading hierarchy. */
#news{background:radial-gradient(ellipse at 10% 0%,#23677966,transparent 48%),radial-gradient(ellipse at 100% 80%,#5b417344,transparent 48%),#0a192c}
#news .section-heading h2{color:#fff4df;text-shadow:0 3px 12px #0005}
#news .section-heading h2 b{background:none;-webkit-text-fill-color:#9cf4ff;color:#9cf4ff}
.news-tabs{padding:5px;gap:5px;height:58px;background:#07162699;border:1px solid #9cddf540;box-shadow:inset 0 2px 0 #fff1}
.news-tabs button{border:0;background:transparent;color:#cbdfed;transition:background .2s,color .2s}
.news-tabs button.active,.news-tabs button:hover{background:linear-gradient(120deg,#25759299,#50457a77);color:#fff2cd}
.news-tabs button:after{background:linear-gradient(90deg,#ffe4a4,#8ff5ff);box-shadow:0 0 12px #9cf4ff88}
.news-grid{gap:20px}
#news .news-card{--news-accent:#96edff;position:relative;grid-template-columns:250px minmax(0,1fr);min-height:180px;background:radial-gradient(ellipse at 95% 0%,#36859a30,transparent 65%),linear-gradient(120deg,#153448f5,#182a40f5);box-shadow:inset 0 2px 0 #d6ffff55,inset 0 -5px 0 #030f20bb,inset -5px 0 25px #0003;transition:transform .25s,background .25s}
#news .news-card[data-category="Sự kiện"]{--news-accent:#ffe0a2;background:radial-gradient(ellipse at 95% 0%,#b07b3b35,transparent 65%),linear-gradient(120deg,#183749f5,#302c42f5)}
#news .news-card[data-category="Hướng dẫn"]{--news-accent:#ddbbff;background:radial-gradient(ellipse at 95% 0%,#8b68be35,transparent 65%),linear-gradient(120deg,#20354df5,#282943f5)}
#news .news-card>.frame-outline{color:var(--news-accent);filter:drop-shadow(0 0 3px #9ddfff55)}
#news .news-card:hover{transform:translateY(-3px);background-color:#335570;box-shadow:inset 0 2px 0 #fff9,inset 0 -5px 0 #030f20bb,inset 0 0 45px #92e4ff18}
#news .news-image{min-height:180px;border-right:1px solid #c6efff35;background-size:cover;transition:filter .25s}
#news .news-card:hover .news-image{filter:saturate(1.2) brightness(1.08)}
#news .news-image span{background:linear-gradient(120deg,#153b51ee,#1c2c48ee);color:var(--news-accent);padding:7px 12px;border:1px solid var(--news-accent);clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);letter-spacing:.08em;box-shadow:0 3px 10px #0006}
#news .news-image>span{display:inline-flex;align-items:center;border:0;position:relative}
#news .news-image>span>.frame-outline{color:var(--news-accent);filter:none}
#news .news-copy{padding:22px 26px 19px;position:relative}
#news .news-copy:before{content:"";position:absolute;top:18px;right:22px;width:26px;height:3px;background:var(--news-accent);box-shadow:0 0 9px var(--news-accent);opacity:.7}
#news .news-copy small{color:var(--news-accent);font-size:.6rem;letter-spacing:.15em;padding-right:30px}
#news .news-copy h3{font-size:1.7rem;line-height:1.12;color:#fff7e9;margin:8px 0 10px}
#news .news-copy p{color:#c3d7e5;font-size:.78rem;line-height:1.65;margin-bottom:15px}
#news .news-meta{border-top:1px solid #b4dcf125;padding-top:11px;color:#adcadc;font-size:.64rem}
#news .news-meta span{color:var(--news-accent);font-size:.6rem;font-weight:700;letter-spacing:.09em}
#news .news-meta span:after{content:" ↗";font-size:.9rem;margin-left:7px}
#news .news-aside{gap:20px}
#news .aside-card{position:relative;padding:29px 25px 25px;box-shadow:inset 0 2px 0 #e8ffff55,inset 0 -5px 0 #030f20c0}
#news .join-card{background:linear-gradient(145deg,#14516cda,#10283bea),var(--coast-image) center/cover}
#news .download-card{background:radial-gradient(ellipse at 100% 0%,#b07b4c38,transparent 70%),linear-gradient(135deg,#343448,#24253c)}
#news .join-card>.frame-outline{color:#99f4ff}#news .download-card>.frame-outline{color:#ffe0a4}#news .server-card>.frame-outline{color:#99f3c0}
#news .aside-card>span{color:#b7f5ff;letter-spacing:.14em}
#news .download-card>span{color:#ffe0a4}
#news .aside-card h3{color:#fff2d7;font-size:2rem;margin:12px 0}
#news .aside-card p{color:#c6dce8;line-height:1.75;margin-bottom:22px}
#news .server-card{padding:20px 24px;background:linear-gradient(120deg,#143e3f,#142939)}
#news .server-card b{color:#d8ffe6}#news .server-card span{color:#add9c7}
@media(max-width:1100px){#news .news-card{grid-template-columns:200px minmax(0,1fr)}}
@media(max-width:650px){#news .news-card{grid-template-columns:1fr}#news .news-image{height:180px;min-height:180px;border-right:0;border-bottom:1px solid #c6efff35}#news .news-copy{padding:19px 20px}#news .news-copy h3{font-size:1.55rem}#news .news-copy p{-webkit-line-clamp:2}#news .news-meta{font-size:.6rem}.news-tabs{height:52px}}
.hero-stats{gap:16px}
.hero-stats>div{--stat-accent:#8ef5ff;min-height:110px;padding:20px 18px 17px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 100% 0%,#2b8ba65c,transparent 65%),linear-gradient(135deg,#122f45ee,#16263ceb);box-shadow:inset 0 2px 0 #e9ffff70,inset 0 -5px 0 #020d1cd9,inset 3px 0 20px #83ecff20;transition:transform .25s,background .25s}
.hero-stats>div:nth-child(2){--stat-accent:#ffe19b;background:radial-gradient(ellipse at 100% 0%,#99724155,transparent 65%),linear-gradient(135deg,#2c303eee,#242436eb)}
.hero-stats>div:nth-child(3){--stat-accent:#e3b3ff;background:radial-gradient(ellipse at 100% 0%,#8652a05c,transparent 65%),linear-gradient(135deg,#2b2949ee,#22273eeb)}
.hero-stats>div:before{content:"";position:absolute;inset:7px;z-index:-1;border-top:1px solid #ffffff30;border-bottom:1px solid #ffffff15;clip-path:inherit;background:repeating-linear-gradient(125deg,transparent 0 22px,#ffffff03 23px 24px)}
.hero-stats>div:after{content:"";position:absolute;left:18px;bottom:10px;width:34px;height:2px;background:var(--stat-accent);box-shadow:0 0 10px var(--stat-accent)}
.hero-stats>div:hover{transform:translateY(-4px);background-color:#345171}
.hero-stats .stat-outline{color:var(--stat-accent);filter:drop-shadow(0 0 3px var(--stat-accent))}
.hero-stats .stat-outline polygon{stroke:currentColor;stroke-width:1.5}
.hero-stats .stat-icon{position:absolute;right:16px;top:17px;width:24px;height:24px;fill:none;stroke:var(--stat-accent);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:.85;filter:drop-shadow(0 0 6px #ffffff25)}
.hero-stats strong{font-size:2rem;color:var(--stat-accent);-webkit-text-fill-color:var(--stat-accent);padding-right:26px;letter-spacing:.02em;text-shadow:0 2px 6px #0007}
.hero-stats span{margin-top:10px;padding-bottom:8px;color:#f1f7ff;letter-spacing:.055em;font-size:.61rem}
@media(min-width:1100px){.hero-content{margin-left:7vw;padding-top:35px;padding-bottom:70px}.hero-stats{width:640px}}
@media(max-width:650px){.hero h1{font-size:clamp(2.65rem,10vw,3.8rem)}.hero-content{width:90vw}.hero-bg{background-position:70% center}.hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hero-stats div{padding:12px 8px}.hero-stats span{font-size:.52rem}.auth-dialog,.account-dialog{padding:28px 22px}.auth-brand{padding-right:42px}.auth-brand span{max-width:200px;font-size:.43rem}.auth-tabs{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(max-width:650px){.hero-stats{gap:8px}.hero-stats>div{min-height:104px;padding:30px 10px 14px}.hero-stats .stat-icon{right:9px;top:10px;width:17px;height:17px}.hero-stats strong{font-size:1.5rem;padding-right:0}.hero-stats span{font-size:.48rem;margin-top:7px;letter-spacing:.02em}.hero-stats>div:after{left:10px;bottom:8px;width:22px}}


/* Keep the glass/cut-corner design while reducing full-screen repaints. */
.page-noise{display:none}
.hero-content.reveal{opacity:1;transform:none}
.hero-bg{filter:none}
.hero-grid{pointer-events:none}
html{scrollbar-gutter:stable}
.route-panel[hidden]{display:none!important}
.route-panel{transition:opacity .22s ease,transform .24s cubic-bezier(.2,.7,.2,1)!important;scrollbar-gutter:stable;transform:translateY(16px)!important}
.route-panel.is-active{transform:translateY(0)!important}
dialog[open]{transition:opacity .17s ease,transform .17s cubic-bezier(.2,.7,.2,1)}
dialog.is-opening,dialog.is-closing{opacity:0;transform:translateY(12px) scale(.985)!important;pointer-events:none}
dialog::backdrop{transition:opacity .17s ease}
dialog.is-closing::backdrop{opacity:0}
body.panel-open .hero h1:after,body.panel-open .hero h1 em:after,body.panel-open .hero-title-line:after,body.dialog-open .hero h1 em:after,body.dialog-open .hero-title-line:after{animation-play-state:paused}
.btn,.nav-download,.section-action{transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}
.btn:active,.nav-download:active,.section-action:active{transform:translateY(0) scale(.98)}
button:focus-visible,a:focus-visible{outline:2px solid #b8f4ff;outline-offset:4px}
.trailer-visual,.media-feature{position:relative}
.video-facade{position:absolute;inset:0;z-index:2;width:100%;border:0;cursor:pointer;display:grid;align-content:center;justify-items:center;gap:14px;color:#fff;background:linear-gradient(0deg,#071827d9,#07182730),url('./assets/gtax3-city-hero.webp') center/cover;font:700 1rem var(--font-body);text-shadow:0 2px 8px #000}
.video-facade:before{content:'▶';display:grid;place-items:center;width:68px;height:68px;padding-left:4px;border:1px solid #b4f8ff;background:#0a4669b8;border-radius:50%;font-size:24px;box-shadow:0 0 30px #75dfff55}
.video-facade:hover:before{background:#198cb7}
.video-facade:focus-visible{outline:3px solid #fff1cd;outline-offset:-5px}
.seo-links{display:flex;flex-wrap:wrap;gap:12px 22px;margin:20px 0 0;font-size:.78rem;color:#bbddec}
.seo-links a:hover{text-decoration:underline;color:#fff}
.seo-brand-names{color:#b8d6e4;font-size:.74rem;margin:14px 0}
.home-media,.about-section{content-visibility:auto;contain-intrinsic-size:auto 640px}
@media(max-width:650px){
  .hero h1 em:after,.hero h1 .hero-title-line:after{animation:none;mask-image:none;opacity:.24}
  .nav-shell{backdrop-filter:blur(8px)}
  .hero-stats div,.home-news-card,.home-join-card,.trailer-card,.community-card,.btn-outline{backdrop-filter:none}
  .reveal{transition:none}
  dialog.auth-dialog,dialog.account-dialog,dialog.admin-dialog,dialog.story-dialog{backdrop-filter:blur(8px)}
}
@media(prefers-reduced-motion:reduce){.website-bubbles,.popup-bubbles{opacity:.45}}

:root{--coast-image:url('./assets/gtax3-anime-coast.webp')}@media(max-width:650px){:root{--coast-image:url('./assets/gtax3-anime-coast-mobile.webp')}}

@media(max-width:650px){.hero-bg{background-image:linear-gradient(90deg,rgba(5,24,40,.74),rgba(7,31,47,.38) 40%,rgba(8,29,40,.02) 70%),linear-gradient(0deg,#071827 0%,transparent 24%),url('./assets/gtax3-anime-coast-mobile.webp')}#community.community-section{background-image:linear-gradient(90deg,#081c36b8,#14344e7a 50%,#10253a40),linear-gradient(0deg,#071827,transparent 30%),url('./assets/gtax3-anime-coast-mobile.webp')!important}}