:root{
  --bg:#070809;--panel:#101214;--panel2:#151719;--line:rgba(255,255,255,.08);
  --text:#f7f7f7;--muted:#9ca1a8;--orange:#ff8a1f;--orange2:#ff6d16;--green:#3ddc84;
  --shadow:0 24px 70px rgba(0,0,0,.45);
}
/* Site-wide animated logo watermark. Two layers: the animated GIF (the
   pulsing logo + glow, precise but small) plus a big soft CSS radial-gradient
   underneath it — the gradient guarantees *some* ambient orange glow is
   always visible in the page margins no matter how tall a regulation page
   scrolls or how wide its content box is, so the effect doesn't depend on
   the GIF's exact position lining up with empty space. Content panels
   (.prose-box, .reg-item) are also slightly translucent so the glow reads
   through them on long pages, not just around their edges. */
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font:15px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background-color:var(--bg);background-image:url("assets/logo-watermark.gif"),radial-gradient(ellipse 85vw 90vh at 50% 50vh,rgba(255,138,31,.10),transparent 68%);background-repeat:no-repeat,no-repeat;background-position:center center,0 0;background-size:min(98vw,1300px),100% 100%;background-attachment:fixed,fixed}
@media(max-width:700px){body{background-attachment:scroll,scroll;background-position:center 320px,0 0;background-size:min(150vw,760px),100% 100%}}

/* Cursor custom "flotant": un punct portocaliu care urmărește mouse-ul exact,
   plus un inel care rămâne puțin în urmă (vezi app.js, efect de lerp) — dă
   senzația de plutire. Doar pe dispozitive cu mouse real; pe touch rămâne
   cursorul normal, ascuns complet aici ca să nu apară un inel "fantomă". */
@media (hover:hover) and (pointer:fine) {
  html{cursor:none}
  .cursor-dot,.cursor-ring{position:fixed;top:0;left:0;border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .18s ease,height .18s ease,opacity .2s ease,border-color .2s ease}
  .cursor-dot{width:8px;height:8px;background:var(--orange);box-shadow:0 0 12px rgba(255,138,31,.85)}
  .cursor-ring{width:34px;height:34px;border:1.5px solid rgba(255,138,31,.55);box-shadow:0 0 18px rgba(255,138,31,.16)}
  .cursor-dot.cursor-hover{width:12px;height:12px}
  .cursor-ring.cursor-hover{width:54px;height:54px;border-color:rgba(255,138,31,.9)}
}
@media (hover:none),(pointer:coarse){.cursor-dot,.cursor-ring{display:none}}
a{color:inherit;text-decoration:none}.site-header{height:78px;position:fixed;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:rgba(7,8,9,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:11px;font-weight:900;letter-spacing:.04em;font-size:19px}.brand img{width:39px;height:39px;object-fit:contain}.accent{color:var(--orange)}
.nav{display:flex;align-items:center;gap:7px}.nav a{padding:10px 13px;color:#bfc3c8;font-weight:700;font-size:13px;transition:.15s ease}.nav a:hover,.nav a.active{color:#fff}.nav-login{border:1px solid rgba(255,138,31,.5);border-radius:9px;color:#fff!important;margin-left:8px;transition:.15s ease}.nav-login:hover{background:rgba(255,138,31,.12)}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:25px}
@media(max-width:1180px) and (min-width:901px){.nav{gap:1px}.nav a{padding:10px 8px;font-size:12.5px}}
.hero{min-height:730px;position:relative;display:flex;align-items:center;overflow:hidden;padding:70px 8vw 90px}.hero-bg{position:absolute;inset:0;background:url("assets/hero.jpg") center/cover no-repeat;transform:scale(1.03)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,7,.96) 0%,rgba(5,6,7,.82) 45%,rgba(5,6,7,.25) 100%),linear-gradient(0deg,var(--bg),transparent 28%)}.hero-content{position:relative;z-index:2;max-width:720px}.eyebrow{margin:0 0 10px;color:var(--orange);font-weight:900;letter-spacing:.17em;font-size:11px}.hero h1{font-size:clamp(48px,6vw,88px);line-height:.98;letter-spacing:-.045em;margin:0 0 24px}.hero h1 span{color:var(--orange)}.hero-text{max-width:620px;color:#c5c9cd;font-size:18px}.hero-actions{display:flex;gap:12px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:10px;font-weight:900;transition:.2s ease}.btn-primary{background:var(--orange);color:#0b0b0b;box-shadow:0 10px 30px rgba(255,138,31,.2)}.btn-primary:hover{background:#ff9b3b;transform:translateY(-2px);box-shadow:0 14px 36px rgba(255,138,31,.3)}.btn-ghost{border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.04)}.btn-ghost:hover{border-color:rgba(255,138,31,.5);background:rgba(255,138,31,.06);color:var(--orange);transform:translateY(-2px)}.hero-status{position:absolute;right:8vw;bottom:55px;z-index:3;display:flex;flex-direction:column;gap:14px;padding:16px 18px;background:rgba(11,12,13,.82);border:1px solid var(--line);border-radius:14px;backdrop-filter:blur(14px);min-width:320px;box-shadow:var(--shadow)}.hero-status-row{display:flex;gap:12px;align-items:center}.hero-status strong,.hero-status small{display:block}.hero-status strong{font-size:11px}.hero-status small{color:var(--muted);font-size:11px}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 15px rgba(61,220,132,.8)}
.hero-social{display:flex;gap:8px;padding-top:14px;border-top:1px solid var(--line)}.hero-social a{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;padding:11px 6px;border-radius:11px;background:rgba(255,255,255,.04);border:1px solid var(--line);color:#d5d8db;transition:.18s ease}.hero-social-icon{font-size:20px;line-height:1}.hero-social a span:last-child{font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);transition:.18s ease}.hero-social a:hover{border-color:rgba(255,138,31,.5);background:rgba(255,138,31,.1);transform:translateY(-2px)}.hero-social a:hover span:last-child{color:#fff}
.stats-wrap{position:relative;margin-top:-48px;z-index:5;padding:0 8vw}.stats{display:grid;grid-template-columns:repeat(4,1fr);background:rgba(17,19,21,.95);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.stat{display:flex;align-items:center;gap:14px;padding:24px;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat-icon{color:var(--orange);font-size:20px}.stat strong,.stat small{display:block}.stat strong{font-size:22px}.stat small{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.section{max-width:1180px;margin:0 auto;padding:105px 24px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}.section h2{font-size:42px;letter-spacing:-.035em;margin:0}.text-link{color:var(--orange);font-weight:800}.muted{color:var(--muted);font-size:13px}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.info-card{position:relative;min-height:210px;padding:25px;background:linear-gradient(145deg,#151719,#0d0f10);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:.25s}.info-card:hover{transform:translateY(-4px);border-color:rgba(255,138,31,.45)}.card-number{position:absolute;right:18px;top:15px;color:#3b3e42;font-size:12px;font-weight:900}.card-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:rgba(255,138,31,.1);color:var(--orange);font-size:20px;margin-bottom:24px}.card-icon img{width:22px;height:22px;object-fit:contain}.info-card h3{margin:0 0 7px;font-size:21px}.info-card p{margin:0;color:var(--muted);font-size:13px}
.callout-banner{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;margin-top:22px;padding:28px 32px;background:linear-gradient(145deg,rgba(255,138,31,.12),rgba(255,255,255,.03));border:1px solid rgba(255,138,31,.2);border-radius:16px;transition:.2s ease}.callout-banner:hover{border-color:rgba(255,138,31,.4);transform:translateY(-2px)}.callout-banner h2{margin:0 0 6px;font-size:24px}.callout-banner p{margin:0;color:#b4b9bf;font-size:14px;max-width:520px}.callout-banner .btn{flex-shrink:0}
.split{display:grid;grid-template-columns:1.4fr .8fr;gap:30px;align-items:start}.news-list{border-top:1px solid var(--line)}.news{display:grid;grid-template-columns:75px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid var(--line);transition:.2s ease;cursor:pointer}.news:hover{background:rgba(255,255,255,.02)}.news:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.news-date{font-weight:900;color:#777;font-size:12px}.tag{font-size:9px;color:var(--orange);font-weight:900;letter-spacing:.13em}.news-img{width:100%;max-height:170px;object-fit:cover;border-radius:10px;margin-bottom:12px;display:block;border:1px solid var(--line)}.news h3{margin:5px 0;font-size:18px}.news p{margin:0;color:var(--muted);font-size:13px}.news-video{display:inline-block;margin-top:10px;color:var(--orange);font-weight:800;font-size:12px;text-decoration:none;letter-spacing:.02em}.news-video:hover{text-decoration:underline}.news-readmore{display:inline-block;margin-top:10px;color:var(--orange);font-weight:800;font-size:12px;letter-spacing:.02em}
.news-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);align-items:center;justify-content:center;padding:20px;z-index:1000}.news-modal-overlay:not([hidden]){display:flex}
.news-modal{position:relative;background:linear-gradient(145deg,#151719,#0d0f10);border:1px solid var(--line);border-radius:16px;max-width:720px;width:100%;max-height:88vh;overflow-y:auto;padding:28px}
.news-modal-close{position:absolute;top:14px;right:14px;z-index:2;width:34px;height:34px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:#fff;font-size:16px;cursor:pointer}
.news-modal-close:hover{background:rgba(255,255,255,.08)}
.news-modal-video{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;background:#000;border-radius:10px;margin-bottom:18px}
.news-modal-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.news-modal-video .news-video{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.news-modal-meta{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.news-modal-date{color:#777;font-size:12px;font-weight:900}
.news-modal h2{margin:0 0 16px;font-size:26px;line-height:1.15}
.news-modal-body p{margin:0 0 14px;color:#b4b9bf;font-size:14px;line-height:1.6}
.news-modal-body p:last-child{margin-bottom:0}
@media (max-width:640px){.news-modal{padding:22px;max-height:92vh}.news-modal h2{font-size:21px}}.callout{padding:32px;background:linear-gradient(145deg,rgba(255,138,31,.12),rgba(255,255,255,.03));border:1px solid rgba(255,138,31,.2);border-radius:16px}.callout-logo{width:62px;height:62px;object-fit:contain;margin-bottom:20px}.callout h2{font-size:29px;line-height:1.1;margin:0 0 14px}.callout p:not(.eyebrow){color:#b4b9bf}.callout .btn{margin-top:12px}
.player-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.player,.faction{display:flex;align-items:center;gap:13px;padding:17px;background:var(--panel);border:1px solid var(--line);border-radius:12px;transition:.2s ease}.player:hover,.faction:hover{border-color:rgba(255,138,31,.35);background:#17191b}.avatar{width:43px;height:43px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,var(--orange),var(--orange2));font-weight:1000;color:#111}.player strong,.player small,.faction strong,.faction small{display:block}.player small,.faction small{color:var(--muted);font-size:11px}.online-badge,.offline-badge{margin-left:auto;font-size:9px;font-weight:900}.online-badge{color:var(--green)}.offline-badge{color:#777}
.staff-badge{display:inline-block;margin-left:5px;padding:2px 7px;border-radius:6px;background:rgba(255,138,31,.15);color:var(--orange);font-size:9px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;vertical-align:middle}
/* Homepage "job marquee" — an infinite horizontal scroll of job pills between
   the stats bar and the community section. The track is the pill list
   rendered twice back-to-back and animated by exactly -50% so the loop seam
   is invisible (the second half is pixel-identical to the first). Paused on
   hover so a curious visitor can actually read/click a pill, and disabled
   under prefers-reduced-motion. The mask fades both edges into the section
   background instead of hard-cutting the pills. */
.highlights-marquee{position:relative;padding:102px 0 30px;border-bottom:1px solid var(--line);background:#0b0c0d;overflow:hidden}
.highlights-marquee-head{max-width:1180px;margin:0 auto 24px;padding:0 24px;display:flex;align-items:end;justify-content:space-between;gap:20px;flex-wrap:wrap}
.highlights-marquee-head h2{margin:4px 0 0;font-size:27px}
.highlights-marquee-viewport{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.highlights-marquee-track{display:flex;width:max-content;gap:14px;animation:highlights-marquee-scroll 46s linear infinite}
.highlights-marquee:hover .highlights-marquee-track{animation-play-state:paused}
.highlight-pill{display:flex;align-items:center;gap:10px;padding:13px 22px;background:var(--panel);border:1px solid var(--line);border-radius:100px;white-space:nowrap;transition:.2s ease}
.highlight-pill:hover{border-color:rgba(255,138,31,.5);background:#17191b;transform:translateY(-2px)}
.highlight-pill-icon{font-size:18px;line-height:1}
.highlight-pill span:last-child{font-weight:800;font-size:13px}
@keyframes highlights-marquee-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.highlights-marquee-track{animation:none;flex-wrap:wrap;width:auto}}
@media(max-width:600px){.highlights-marquee{padding:96px 0 26px}.highlights-marquee-head{padding:0 20px}.highlights-marquee-head h2{font-size:23px}}

/* Joburi page — card grid (icon, title, 1-sentence description), grouped
   under the same .reg-group category headers used elsewhere on the site. */
.job-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.job-card{padding:26px 24px;background:linear-gradient(145deg,#151719,#0d0f10);border:1px solid var(--line);border-radius:14px;transition:.25s ease}
.job-card:hover{transform:translateY(-4px);border-color:rgba(255,138,31,.45)}
.job-card-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:rgba(255,138,31,.1);font-size:22px;margin-bottom:18px}
.job-card h3{margin:0 0 8px;font-size:18px}
.job-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}
@media(max-width:900px){.job-card-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.job-card-grid{grid-template-columns:1fr}}

/* Joburi page — video showcase cards, sourced from each job script's own
   official product-page preview video (linked by video ID, not embedded
   verbatim copy). Aspect-ratio box keeps the iframe responsive without JS. */
.video-job-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.video-job-card{background:linear-gradient(145deg,#151719,#0d0f10);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:.25s ease}
.video-job-card:hover{border-color:rgba(255,138,31,.4);transform:translateY(-3px)}
.video-job-embed{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;background:#000}
.video-job-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-job-body{padding:18px 20px 22px}
.video-job-body h3{margin:0 0 8px;font-size:17px}
.video-job-body p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.6}
@media(max-width:900px){.video-job-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.video-job-grid{grid-template-columns:1fr}}

.faction-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.faction span{width:38px;height:38px;border-radius:9px;background:#1b1d20;display:grid;place-items:center;color:var(--orange);font-size:10px;font-weight:900}.about-box{display:grid;grid-template-columns:300px 1fr;gap:60px;align-items:center;padding:55px;background:#0f1112;border:1px solid var(--line);border-radius:20px}.wordmark{max-width:260px;width:100%;height:auto}.about h2{font-size:39px;line-height:1.05;margin:0 0 15px}.about p:not(.eyebrow){color:var(--muted)}
footer{border-top:1px solid var(--line);padding:38px 8vw;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;background:#050607}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{width:40px}.footer-brand strong,.footer-brand small{display:block}.footer-brand small{color:var(--muted);font-size:10px}.footer-links{display:flex;flex-wrap:wrap;row-gap:8px;gap:20px;color:#aeb3b8;font-size:12px;font-weight:700}.footer-links a{transition:.15s ease}.footer-links a:hover{color:#fff}.copyright{grid-column:1/-1;color:#666;font-size:10px;margin:10px 0 0}
.page-hero{padding:150px 8vw 50px;max-width:1180px;margin:0 auto}.page-hero h1{font-size:clamp(34px,4.5vw,52px);letter-spacing:-.035em;margin:10px 0 0}.back-link{color:var(--muted);font-weight:700;font-size:13px}.back-link:hover{color:#fff}
.reg-group{margin-bottom:44px}.reg-group h2{font-size:15px;letter-spacing:.1em;text-transform:uppercase;color:var(--orange);margin:0 0 14px;font-weight:900}.reg-list{display:flex;flex-direction:column;gap:10px}.reg-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;background:rgba(16,18,20,.88);border:1px solid var(--line);border-radius:12px;transition:.2s;box-shadow:0 0 0 rgba(0,0,0,0)}.reg-item:hover{border-color:rgba(255,138,31,.45);transform:translateX(3px);box-shadow:var(--shadow)}.reg-item h3{margin:0 0 4px;font-size:17px}.reg-item small{color:var(--muted);font-size:12px}.reg-arrow{color:var(--orange);font-size:18px;flex-shrink:0}
.prose-box{max-width:820px;margin:0 auto;background:rgba(16,18,20,.88);border:1px solid var(--line);border-radius:16px;padding:44px}.prose-meta{display:flex;gap:10px;align-items:center;margin-bottom:18px;color:var(--muted);font-size:12px;font-weight:700}.prose-meta .tag{color:var(--orange)}.prose h1{font-size:32px;margin:0 0 20px;letter-spacing:-.02em}
.prose-body{color:#d3d6d9;font-size:16px;line-height:1.8}.prose-body p{margin:0 0 16px}.prose-body h1{font-size:27px;margin:38px 0 16px;letter-spacing:-.015em;color:#fff}.prose-body h1:first-child{margin-top:0}.prose-body h2{font-size:25px;margin:34px 0 14px;letter-spacing:-.015em;color:#fff}.prose-body h3{font-size:19px;margin:26px 0 10px;color:#fff}.prose-body h4,.prose-body h5,.prose-body h6{font-size:16px;margin:20px 0 8px;color:#fff}.prose-body strong{color:#fff;font-weight:800}.prose-body hr{border:0;border-top:1px solid var(--line);margin:30px 0}.prose-body ul{margin:0 0 16px;padding-left:22px}.prose-body li{margin-bottom:6px}.prose-body blockquote{margin:0 0 16px;padding:4px 20px;border-left:3px solid var(--orange);color:#b4b9bf}.prose-body blockquote p{margin:0 0 8px}.prose-body blockquote p:last-child{margin-bottom:0}
/* Rich-text (WYSIWYG-pasted) regulations bring their own tables, figures and
   embedded iframes (e.g. a zone map). Tables carry fixed inline widths from
   the source editor, so wrap them for horizontal scroll on narrow screens
   instead of overflowing the page; give the iframe a sane responsive height. */
.prose-body figure{margin:0 0 16px;max-width:100%;overflow-x:auto}
.prose-body table{border-collapse:collapse;max-width:100%}
.prose-body iframe{max-width:100%;border-radius:12px}
@media(max-width:700px){.prose-body iframe{height:420px!important}}
.empty-state{padding:40px;text-align:center;color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:14px}
@media(max-width:900px){.nav{display:none}.menu-toggle{display:block}.site-header{padding:0 20px}.nav.open{display:flex;position:absolute;top:78px;left:0;right:0;padding:15px 20px;background:#0b0c0d;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch}.nav.open a{padding:13px}.hero{padding-left:24px;padding-right:24px;padding-bottom:40px;min-height:0;flex-direction:column;align-items:flex-start}.hero-status{position:static;right:auto;bottom:auto;margin-top:34px;width:100%;max-width:360px}.stats-wrap{padding:0 24px}.stats{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-right:0}.card-grid,.player-grid{grid-template-columns:repeat(2,1fr)}.faction-grid{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.prose-box{padding:26px}}
@media(max-width:600px){.hero h1{font-size:48px}.hero-text{font-size:15px}.hero-actions{flex-direction:column}.hero-status{left:auto;right:auto;max-width:none}.stats{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid var(--line)}.stat:last-child{border-bottom:0}.card-grid,.player-grid,.faction-grid{grid-template-columns:1fr}.section{padding:75px 20px}.section h2{font-size:34px}.section-head{align-items:start;flex-direction:column}.about-box{grid-template-columns:1fr;padding:30px}.wordmark{max-width:210px}.footer-links{display:none}}