/* Nordic identity layer
   Keeps the original sharp industrial layout while establishing a distinct NTG look. */
:root{
  --bg:#080f16;
  --bg-2:#0d1720;
  --panel:#12212d;
  --line:#253845;
  --ice:#7bbde9;
  --ice-2:#d7efff;
  --white:#f4f8fb;
  --muted:#98aab7;
  --aurora:#7ed9c5;
  --max:1240px;
}
body{
  background:
    linear-gradient(rgba(123,189,233,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(123,189,233,.025) 1px,transparent 1px),
    var(--bg);
  background-size:72px 72px;
}
body:before{
  content:"";position:fixed;z-index:-1;left:0;top:0;width:5px;height:100vh;
  background:linear-gradient(var(--ice),var(--aurora) 55%,transparent);
}
.site-header{
  border-bottom-color:#304653;
  background:rgba(8,15,22,.96);
}
.brand-mark{
  position:relative;background:var(--ice);clip-path:polygon(0 0,100% 0,82% 100%,0 100%);
}
.brand-mark:after{
  content:"";position:absolute;right:3px;top:0;width:3px;height:100%;background:var(--aurora);transform:skewX(-13deg);
}
.site-header nav{position:relative}
.site-header nav:after{
  content:"";position:absolute;left:0;right:0;bottom:-28px;height:1px;
  background:linear-gradient(90deg,transparent,var(--ice),transparent);opacity:.35;
}
.button{position:relative;overflow:hidden}
.button:after{content:"";position:absolute;right:-10px;top:0;width:16px;height:100%;background:rgba(255,255,255,.2);transform:skewX(-16deg)}
.hero{border-bottom:1px solid var(--line)}
.hero-image{
  background:
    linear-gradient(90deg,#080f16 0%,rgba(8,15,22,.94) 38%,rgba(8,15,22,.22) 72%,rgba(8,15,22,.68) 100%),
    linear-gradient(0deg,#080f16 0%,transparent 38%),
    url('https://www.nordic-vtc.de/images/website1.png') center/cover no-repeat;
}
.hero:before{
  content:"";position:absolute;z-index:1;right:0;top:0;width:44%;height:100%;pointer-events:none;opacity:.2;
  background:repeating-linear-gradient(118deg,transparent 0 45px,rgba(123,189,233,.23) 46px 47px,transparent 48px 90px);
  clip-path:polygon(35% 0,100% 0,100% 100%,0 100%);
}
.hero-content:before{
  content:"NORDIC / 2026";display:block;margin-bottom:25px;color:#637a89;
  font:600 11px Inter,sans-serif;letter-spacing:.28em;writing-mode:vertical-rl;position:absolute;left:-34px;top:155px;
}
.hero h1{max-width:980px}
.status-bar{border-top-color:#314754}
.stats{position:relative}
.stats:before{
  content:"LIVE COMPANY DATA";position:absolute;left:0;top:-25px;color:#526976;font-size:9px;font-weight:800;letter-spacing:.22em
}
.stats article{position:relative}
.stats article:before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,var(--ice),transparent 68%)}
.stats article:nth-child(2):before{background:linear-gradient(90deg,var(--aurora),transparent 68%)}
.stats article:nth-child(3):before{background:linear-gradient(90deg,#8399ff,transparent 68%)}
.section,.hub-section,.community-section,.rules-teaser,.recruit{position:relative}
#about:before,#touren:before,#ranking:before,#faq:before{
  position:absolute;left:max(18px,calc((100vw - var(--max))/2 - 78px));top:138px;
  color:rgba(123,189,233,.12);font:700 68px/1 Barlow Condensed,sans-serif;letter-spacing:.06em;
}
#about:before{content:"01"}#touren:before{content:"03"}#ranking:before{content:"05"}#faq:before{content:"07"}
.section-heading{position:relative}
.section-heading:after{
  content:"";position:absolute;left:0;bottom:-26px;width:92px;height:4px;
  background:linear-gradient(90deg,var(--ice) 0 68%,var(--aurora) 68% 82%,#8399ff 82%);
}
.feature-grid article{position:relative;overflow:hidden}
.feature-grid article:after{
  content:"";position:absolute;right:-28px;bottom:-42px;width:80px;height:105px;
  border:1px solid rgba(123,189,233,.12);transform:skewX(-18deg);
}
.feature-grid article:nth-child(even){background:linear-gradient(145deg,#101e29,#0c151e)}
.hub-section{overflow:hidden;background:#0b151e}
.hub-section:before{
  content:"";position:absolute;left:-9%;top:-70px;width:42%;height:120%;
  border-right:1px solid rgba(123,189,233,.16);background:rgba(123,189,233,.025);transform:skewX(-10deg)
}
.hub-showcase{position:relative}
.hub-showcase:after{
  content:"DRIVER HUB";position:absolute;right:12px;bottom:6px;color:rgba(255,255,255,.09);
  font:700 42px Barlow Condensed,sans-serif;letter-spacing:.12em;pointer-events:none
}
.hub-tabs{background:#0a121a}
.hub-tab.active{position:relative}
.hub-tab.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:4px;background:#081018}
.tour-list .tour-row{position:relative}
.tour-list .tour-row:before{
  content:"";position:absolute;left:0;top:26%;bottom:26%;width:2px;background:var(--ice);opacity:0;transition:.2s
}
.tour-list .tour-row:hover:before{opacity:1}
.community-section{
  overflow:hidden;background:linear-gradient(110deg,#122c3e 0 62%,#0a141d 62%);border-block:1px solid #304653
}
.community-section:before{
  content:"";position:absolute;right:30%;top:-30%;width:2px;height:165%;background:rgba(123,189,233,.22);transform:rotate(18deg)
}
.community-status{position:relative;border-color:#365062;background:#09131c}
.community-status:after{
  content:"DISCORD LIVE";position:absolute;right:-1px;top:-24px;color:#7192a6;font-size:9px;font-weight:800;letter-spacing:.2em
}
.ranking-table{counter-reset:rankrow}
.ranking-row{position:relative}
.ranking-row:after{
  content:"";position:absolute;right:0;top:0;width:5px;height:100%;background:#2a3d49
}
.ranking-row:nth-child(2):after{background:var(--ice)}
.ranking-row:nth-child(3):after{background:var(--aurora)}
.ranking-row:nth-child(4):after{background:#8399ff}
.rules-teaser{
  background:linear-gradient(90deg,#101f2c 0 46%,#0c151e 46%);border-block:1px solid #2c414f
}
.rules-teaser:after{
  content:"";position:absolute;left:46%;top:0;width:80px;height:100%;background:#0c151e;transform:skewX(-8deg);transform-origin:top
}
.rules-grid{position:relative;z-index:1}
.faq-list details{position:relative}
.faq-list details:before{
  content:"";position:absolute;left:0;top:0;width:3px;height:0;background:var(--ice);transition:height .25s
}
.faq-list details[open]:before{height:100%}
.partner-teaser{position:relative;overflow:hidden;background:#0a131b}
.partner-teaser:before{
  content:"NORDIC NETWORK";position:absolute;right:2%;top:50%;transform:translateY(-50%);
  color:rgba(123,189,233,.055);font:700 clamp(60px,9vw,150px) Barlow Condensed,sans-serif;white-space:nowrap
}
.partner-teaser-inner{position:relative}
.recruit{
  overflow:hidden;background:linear-gradient(115deg,#142f43,#0b161f 62%);border-block:1px solid #324958
}
.recruit:after{
  content:"";position:absolute;right:-120px;bottom:-220px;width:520px;height:520px;
  border:1px solid rgba(123,189,233,.12);transform:rotate(45deg)
}
.recruit-grid{position:relative;z-index:1}
.steps li{position:relative}
.steps li:after{content:"";position:absolute;right:0;top:0;width:38px;height:1px;background:var(--ice)}
.gallery{gap:4px;background:#182630}
.gallery figure:nth-child(2){transform:translateY(28px)}
.gallery figure:nth-child(3){transform:translateY(-20px)}
.team-grid article{position:relative}
.team-grid article:after{content:"";position:absolute;left:0;bottom:0;width:42px;height:3px;background:var(--ice)}
footer{position:relative}
footer:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--ice),var(--aurora),transparent 72%)}
.legal-hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#122b3d,#080f16 68%)}
.legal-hero:after{
  content:"";position:absolute;right:-5%;top:-50%;width:38%;height:190%;border-left:1px solid rgba(123,189,233,.2);
  background:repeating-linear-gradient(120deg,transparent 0 40px,rgba(123,189,233,.06) 41px 42px);transform:skewX(-9deg)
}
.legal-hero .wrap{position:relative;z-index:1}
.legal-toc{border-top:3px solid var(--ice)}
.legal-section,.contact-form-card{position:relative}
.legal-section:after,.contact-form-card:after{content:"";position:absolute;right:0;top:0;width:32px;height:2px;background:var(--ice)}
.discord-updated{display:block;margin-top:14px;color:#64727e;font-size:11px}
.status-live i.status-offline{background:#e06868;box-shadow:0 0 0 6px rgba(224,104,104,.08)}

@media(max-width:1400px){
  #about:before,#touren:before,#ranking:before,#faq:before{display:none}
  .hero-content:before{display:none}
}
@media(max-width:1000px){
  .gallery figure:nth-child(2),.gallery figure:nth-child(3){transform:none}
  .community-section,.rules-teaser{background:#0d1b26}
  .rules-teaser:after,.community-section:before{display:none}
}
@media(max-width:680px){
  body:before{width:3px}.site-header nav:after{display:none}
  .hero:before{width:65%;opacity:.12}.stats:before{left:4px}
  .section-heading:after{bottom:-20px}
  .community-section{background:linear-gradient(160deg,#122c3e,#09131c 72%)}
  .partner-teaser:before{font-size:62px;right:-35%}
  .hub-showcase:after{font-size:25px}
}