:root{--bg:#070812;--panel:#101223;--panel2:#15182d;--text:#f7f8ff;--muted:#aeb3cd;--line:#2b3152;--accent:#8d52ff;--accent2:#25d8ff;--good:#45eba5;--gold:#ffc867}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -20%,#24184e 0,#0a0b16 35%,var(--bg) 65%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}a{color:inherit;text-decoration:none}button,a{ -webkit-tap-highlight-color:transparent}.site-header{position:sticky;top:0;z-index:40;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:14px clamp(16px,4vw,64px);background:rgba(7,8,18,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.1em}.brand img{width:48px;height:48px;object-fit:contain}.nav{display:flex;gap:26px;font-size:14px;color:#d8daf0}.nav a:hover{color:white}.header-actions{justify-self:end;display:flex;gap:9px}.lang,.account-btn{border:1px solid var(--line);background:#111326;color:#fff;border-radius:10px;min-height:40px;padding:0 13px;font-weight:800;cursor:pointer}.account-btn{border-color:#5a43a8}.hero{min-height:610px;position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:50px;align-items:center;padding:80px clamp(20px,7vw,110px)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,8,18,.98) 0,rgba(7,8,18,.75) 47%,rgba(7,8,18,.3)),url('assets/aiva-labyrinth.png') center/cover;opacity:.7}.hero-glow{position:absolute;width:460px;height:460px;border-radius:50%;background:#5d23ce;filter:blur(130px);opacity:.25;left:18%;top:20%}.hero-copy,.hero-card{position:relative;z-index:2}.eyebrow{font-size:12px;font-weight:900;letter-spacing:.22em;color:#9ca8ff;margin:0 0 12px}.hero h1{font-size:clamp(46px,7vw,92px);line-height:.93;margin:0;max-width:900px;letter-spacing:-.045em}.hero-text,.sub{color:var(--muted);font-size:18px;line-height:1.6;max-width:720px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:12px;min-height:48px;padding:0 18px;font-weight:900;cursor:pointer;font:inherit;font-weight:850}.btn.primary{background:linear-gradient(135deg,#7b43ff,#a257ff);color:white;box-shadow:0 0 28px rgba(125,70,255,.32)}.btn.secondary{background:#141629;border-color:#353a61;color:#eef0ff}.btn.small{min-height:42px;padding:0 14px;font-size:14px}.btn.full{width:100%}.btn:disabled{opacity:.52;cursor:not-allowed}.hero-pills{display:flex;gap:9px;flex-wrap:wrap}.hero-pills span,.tags span,.live-badge{font-size:11px;font-weight:850;letter-spacing:.08em;border:1px solid #353a61;border-radius:999px;padding:7px 10px;background:rgba(14,16,32,.75)}.hero-card{justify-self:end;width:min(100%,360px);padding:28px;border:1px solid #504a80;border-radius:24px;background:linear-gradient(160deg,rgba(28,26,53,.95),rgba(12,13,28,.88));box-shadow:0 25px 80px rgba(0,0,0,.4)}.launch{display:inline-block;background:#442596;color:#efeaff;padding:7px 10px;border-radius:8px;font-size:11px;font-weight:950;letter-spacing:.13em}.price-big{font-size:64px;font-weight:950;margin-top:18px}.price-big span{font-size:15px;color:var(--muted);margin-left:5px}.hero-card p{color:var(--muted)}.mini-prices{display:flex;flex-direction:column;gap:10px;margin-top:20px;border-top:1px solid var(--line);padding-top:18px}.section{padding:85px clamp(20px,7vw,110px)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:28px}.section-head.centered{text-align:center;justify-content:center}.section h2{font-size:clamp(32px,4vw,54px);margin:0;letter-spacing:-.035em}.live-badge{color:var(--good);border-color:#267b5a}.games-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.game-card{min-width:0;border:1px solid #262b4a;border-radius:22px;overflow:hidden;background:linear-gradient(180deg,#111425,#0b0d19);transition:transform .2s,border-color .2s}.game-card:hover{transform:translateY(-4px);border-color:#5c4a9d}.game-card.featured{grid-column:span 2}.game-art,.placeholder-art{height:230px;background-position:center;background-size:cover}.game-art.labyrinth{background-image:linear-gradient(0deg,rgba(10,10,20,.3),transparent),url('assets/aiva-labyrinth.png')}.placeholder-art{display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#203566,#101224 55%,#090b16)}.placeholder-art.football{background:radial-gradient(circle at 50% 35%,#176e4c,#0d251d 48%,#080b13)}.placeholder-art.basketball{background:radial-gradient(circle at 50% 35%,#8c421d,#2c1712 48%,#080b13)}.placeholder-art.mystery{background:radial-gradient(circle at 50% 35%,#4b3187,#171329 48%,#080b13)}.placeholder-art span{font-size:84px;filter:drop-shadow(0 10px 22px rgba(0,0,0,.35))}.game-body{padding:20px}.tags{display:flex;gap:7px;flex-wrap:wrap}.tags span{padding:5px 8px;font-size:9px}.game-body h3{font-size:22px;margin:14px 0 8px}.game-body p{color:var(--muted);line-height:1.55;min-height:72px}.game-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.status{font-size:10px;font-weight:950;letter-spacing:.12em}.status.live{color:var(--good)}.pricing{background:linear-gradient(180deg,rgba(32,24,70,.12),rgba(32,24,70,.28),rgba(7,8,18,0))}.price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:1080px;margin:38px auto 0;gap:18px}.price-card{position:relative;padding:30px;border:1px solid #303657;border-radius:22px;background:#101223}.price-card.best{border-color:#8b5cff;background:linear-gradient(180deg,#191637,#101223)}.best-badge{position:absolute;right:16px;top:16px;background:#7040e8;padding:6px 9px;border-radius:8px;font-size:10px;font-weight:950;letter-spacing:.09em}.plan{font-weight:950;letter-spacing:.15em;font-size:12px}.price{font-size:56px;font-weight:950}.period{color:var(--muted);margin-top:-6px}.price-card ul{padding:0;list-style:none;margin:26px 0;display:grid;gap:13px;color:#d5d8ea}.price-card li:before{content:"✓";color:var(--good);font-weight:950;margin-right:9px}.pricing-note{text-align:center;color:var(--muted);font-size:13px;margin:24px auto 0;max-width:740px}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.score-panel{border:1px solid #2c3150;background:#101223;border-radius:22px;padding:22px}.score-panel>div{display:grid;grid-template-columns:44px 1fr auto;align-items:center;padding:15px 8px;border-bottom:1px solid #262b47}.score-panel span{font-size:24px;font-weight:950;color:#777f9f}.score-panel b{font-size:14px}.score-panel em{font-style:normal;color:var(--gold);font-weight:950}.score-panel p{color:var(--muted);font-size:12px}.about{display:grid;grid-template-columns:160px 1fr;gap:38px;align-items:center;border-top:1px solid rgba(255,255,255,.06)}.about img{width:150px}.domains{font-weight:950;letter-spacing:.11em;color:#d8d5ff}footer{display:flex;justify-content:space-between;gap:20px;padding:25px clamp(20px,7vw,110px);border-top:1px solid #20233b;color:#8f94ad;font-size:12px}dialog{border:0;padding:0;background:transparent;color:#fff}dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(8px)}.modal-card{position:relative;width:min(92vw,460px);border:1px solid #454a74;border-radius:22px;background:#111326;padding:30px}.modal-card img{width:90px}.modal-card h2{font-size:28px}.modal-card p{color:var(--muted);line-height:1.6}.modal-x{position:absolute;right:13px;top:11px;background:transparent;border:0;color:#fff;font-size:28px;cursor:pointer}@media(max-width:1000px){.site-header{grid-template-columns:1fr auto}.nav{display:none}.hero{grid-template-columns:1fr}.hero-card{justify-self:start}.games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-card.featured{grid-column:span 2}}@media(max-width:680px){.site-header{padding:10px 14px}.brand span{display:none}.account-btn{font-size:12px;padding:0 10px}.hero{padding:55px 18px;min-height:auto}.hero h1{font-size:48px}.hero-text{font-size:16px}.hero-card{width:100%}.section{padding:62px 18px}.section-head{align-items:flex-start;flex-direction:column}.games-grid,.price-grid,.split{grid-template-columns:1fr}.game-card.featured{grid-column:auto}.game-art,.placeholder-art{height:205px}.price-grid{gap:14px}.about{grid-template-columns:90px 1fr;gap:20px}.about img{width:85px}.domains{font-size:11px}footer{flex-direction:column;padding:22px 18px}}

/* V3 game library additions */
.placeholder-art.escape{background:radial-gradient(circle at 50% 35%,#4b4f88,#171a32 50%,#080b13)}
.placeholder-art.quest{background:radial-gradient(circle at 50% 35%,#6b5b2a,#28210f 50%,#080b13)}
.placeholder-art.timeshift{background:radial-gradient(circle at 50% 35%,#266f83,#102a33 50%,#080b13)}
.placeholder-art.poios{background:radial-gradient(circle at 50% 35%,#704783,#28172f 50%,#080b13)}


/* V4 — polished game library */
.cover-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:22px;overflow:hidden}
.cover-tile:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 35%,rgba(0,0,0,.42));pointer-events:none}
.cover-tile>*{position:relative;z-index:1}
.cover-tile .cover-brand{position:absolute;top:18px;left:20px;font-size:10px;font-weight:950;letter-spacing:.22em;color:rgba(255,255,255,.72)}
.cover-tile strong{font-size:clamp(30px,3.2vw,48px);line-height:.9;letter-spacing:-.045em;text-shadow:0 8px 28px rgba(0,0,0,.38)}
.cover-tile small{margin-top:11px;font-size:9px;font-weight:900;letter-spacing:.18em;color:rgba(255,255,255,.74)}
.cover-tile.coming:after{content:"COMING SOON";position:absolute;top:18px;right:18px;padding:6px 8px;border:1px solid rgba(255,255,255,.22);border-radius:999px;font-size:8px;font-weight:950;letter-spacing:.12em;background:rgba(0,0,0,.18)}
.game-credit{font-size:9px;font-weight:900;letter-spacing:.13em;color:#858dac;margin:-2px 0 15px}
.game-card.featured .game-credit{color:#9aa3c8}
@media(max-width:680px){.cover-tile strong{font-size:34px}.cover-tile{padding:18px}.cover-tile .cover-brand{top:15px;left:18px}}


/* V5 — AIVA ACCOUNT local demo */
.account-modal{max-width:520px;width:min(92vw,520px)}
.account-modal>img{width:92px;height:92px;object-fit:contain;margin:0 auto 12px;display:block}
.account-form{display:grid;gap:12px;margin-top:18px;text-align:left}
.account-form label{display:grid;gap:6px;font-size:12px;font-weight:800;letter-spacing:.05em;color:var(--muted,#aab0c8)}
.account-form input{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.14);background:#0d1020;color:white;border-radius:12px;padding:13px 14px;font:inherit;outline:none}
.account-form input:focus{border-color:#8c6cff;box-shadow:0 0 0 3px rgba(140,108,255,.15)}
.account-note{font-size:11px;opacity:.65;margin:12px 0 0}
.member-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}
.member-grid div{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:12px 8px;text-align:center}
.member-grid span{display:block;font-size:9px;opacity:.65;letter-spacing:.08em;margin-bottom:5px}
.member-grid b{font-size:12px}
.btn.danger{background:transparent;border:1px solid rgba(255,95,95,.35);color:#ff9a9a;margin-top:10px}
.account-btn.member-active{border-color:rgba(93,255,182,.45);box-shadow:0 0 0 1px rgba(93,255,182,.08) inset}
@media(max-width:560px){.member-grid{grid-template-columns:1fr}.account-modal{padding:20px 16px}}

/* V6 — REAL GAME COVER ART */
.game-art.escape{background-image:linear-gradient(0deg,rgba(7,8,18,.18),transparent 55%),url('assets/aiva-escape.png');background-position:center 44%;}
.game-art.quest{background-image:linear-gradient(0deg,rgba(7,8,18,.12),transparent 55%),url('assets/aiva-quest.png');background-position:center;}
.game-art.timeshift{background-image:linear-gradient(0deg,rgba(7,8,18,.16),transparent 55%),url('assets/aiva-timeshift.png');background-position:center;}
.game-art.poios{background-image:linear-gradient(0deg,rgba(7,8,18,.12),transparent 55%),url('assets/poios.png');background-position:center;}
.game-art.football{background-image:linear-gradient(0deg,rgba(7,8,18,.28),transparent 58%),url('assets/aiva-football.png');background-position:center 42%;}
.game-art.basketball{background-image:linear-gradient(0deg,rgba(7,8,18,.28),transparent 58%),url('assets/aiva-basketball.png');background-position:center 42%;}
.coming-cover{position:relative;filter:saturate(.82) brightness(.82);}
.coming-cover:after{content:'COMING SOON';position:absolute;right:12px;top:12px;padding:7px 10px;border-radius:999px;background:rgba(7,8,18,.88);border:1px solid rgba(255,255,255,.24);font-size:10px;font-weight:950;letter-spacing:.12em;color:#fff;}
@media(max-width:680px){.game-art.escape,.game-art.quest,.game-art.timeshift,.game-art.poios,.game-art.football,.game-art.basketball{background-position:center;}}

/* V7 — LOCKED SCI-FI AIVA GAMES HOME */
:root{--aiva-blue:#24c7ff;--aiva-blue2:#0d6bff;--aiva-panel:rgba(4,12,29,.92);--aiva-line:rgba(51,188,255,.75)}
body{
  background:#030814;
  color:#fff;
}
.site-header{
  position:fixed;
  top:0;left:0;right:0;
  z-index:90;
  grid-template-columns:auto 1fr auto;
  padding:10px clamp(14px,3vw,46px);
  background:linear-gradient(180deg,rgba(2,8,20,.96),rgba(2,8,20,.78));
  border-bottom:1px solid rgba(60,194,255,.18);
  box-shadow:0 12px 30px rgba(0,0,0,.25);
}
.brand img{display:none!important}
.brand span{font-size:14px;color:#7ee8ff;text-shadow:0 0 16px rgba(36,199,255,.5)}
.nav{justify-self:center;gap:34px;text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.08em}
.nav a{color:#eef7ff;opacity:.9}
.nav a:hover{color:#38d9ff;text-shadow:0 0 14px rgba(36,199,255,.6)}
.lang,.account-btn{background:rgba(4,15,34,.82);border-color:#1f9ee8;box-shadow:inset 0 0 18px rgba(11,90,180,.16)}

/* The approved hero artwork already contains the new AIVA GAMES logo. */
.hero{
  min-height:min(72vw,760px);
  grid-template-columns:1fr;
  padding:0;
  background:#020817 url('assets/aiva-home-bg.png') center top/cover no-repeat;
  border-bottom:1px solid rgba(52,181,255,.24);
}
.hero:before{display:none!important}
.hero-glow,.hero-copy,.hero-card{display:none!important}

.section#games{
  position:relative;
  margin-top:-165px;
  z-index:20;
  padding:0 clamp(18px,4vw,62px) 74px;
}
#games .section-head{display:none}
.games-grid{
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:10px;
  align-items:stretch;
}
.game-card,.game-card.featured{
  grid-column:auto;
  border-radius:14px;
  border:1px solid rgba(48,181,255,.72);
  background:linear-gradient(180deg,rgba(6,20,43,.98),rgba(3,9,23,.98));
  box-shadow:0 0 0 1px rgba(6,75,130,.45) inset,0 16px 45px rgba(0,0,0,.42),0 0 22px rgba(0,126,255,.12);
  transform:none;
}
.game-card:hover{transform:translateY(-4px);border-color:#5ee8ff;box-shadow:0 18px 50px rgba(0,0,0,.5),0 0 28px rgba(22,176,255,.26)}
.game-art,.placeholder-art{height:230px;background-size:cover;background-position:center}
.game-body{padding:13px 12px 14px;display:flex;flex-direction:column;min-height:238px}
.tags{display:none}
.game-body h3{
  font-size:17px;
  line-height:1.05;
  margin:0 0 9px;
  text-align:center;
  text-transform:uppercase;
  letter-spacing:-.02em;
  color:#f8fbff;
  text-shadow:0 0 14px rgba(35,174,255,.3);
}
.game-body p{
  min-height:64px;
  margin:0 0 10px;
  font-size:12px;
  line-height:1.35;
  text-align:center;
  color:#dbe9f6;
}
.game-credit{display:none}
.game-actions{margin-top:auto;display:block}
.game-actions .btn{width:100%;min-height:38px;border-radius:8px;text-transform:uppercase;font-size:12px;letter-spacing:.04em}
.btn.primary{background:linear-gradient(180deg,#0877f5,#0357c8);border:1px solid #4ce1ff;box-shadow:0 0 18px rgba(0,152,255,.35),inset 0 0 14px rgba(39,216,255,.16)}
.btn.secondary{background:linear-gradient(180deg,#1c2537,#111725);border-color:#687385;color:#cbd4df}
.status{display:none}
.coming-cover{filter:saturate(.88) brightness(.86)}
.coming-cover:after{display:none}

/* Lower sections keep the same platform functionality, but use the new visual system. */
.pricing,.split,.about{background:linear-gradient(180deg,#040b19,#071020);border-top:1px solid rgba(49,177,255,.18)}
.price-card,.score-panel,.modal-card{background:linear-gradient(180deg,rgba(7,22,48,.98),rgba(4,11,27,.98));border-color:rgba(47,178,255,.35)}
.price-card.best{border-color:#2cd8ff;box-shadow:0 0 32px rgba(25,150,255,.12)}
.about img{display:none}
.about{grid-template-columns:1fr;text-align:center}
.domains{color:#7ee8ff}
footer{background:#030916;border-top-color:rgba(47,178,255,.22)}

@media(max-width:1250px){
  .games-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .section#games{margin-top:-110px}
}
@media(max-width:850px){
  .site-header{grid-template-columns:1fr auto}.nav{display:none}
  .hero{min-height:68vw;background-position:center top}
  .section#games{margin-top:-40px;padding-left:14px;padding-right:14px}
  .games-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .game-art,.placeholder-art{height:220px}
}
@media(max-width:520px){
  .hero{min-height:74vw;background-size:cover;background-position:center top}
  .section#games{margin-top:0;padding-top:16px}
  .games-grid{grid-template-columns:1fr}
  .game-art,.placeholder-art{height:260px}
  .game-body{min-height:auto}
  .game-body p{min-height:auto}
}


/* V7 FINAL — COMPANY / HEADER / FOOTER / MOBILE CLEANUP */
/* Remove the small AIVA GAMES wordmark at top-left without changing the approved hero artwork. */
.brand{visibility:hidden!important;pointer-events:none!important}
.site-header{grid-template-columns:1fr auto 1fr!important}
.nav{grid-column:2!important;justify-self:center!important}
.header-actions{grid-column:3!important;justify-self:end!important}

/* Company section: cleaner, smaller and easier to read. */
.about{
  max-width:1120px!important;
  margin:0 auto!important;
  padding-top:64px!important;
  padding-bottom:64px!important;
  grid-template-columns:1fr!important;
  text-align:center!important;
}
.about img{display:none!important}
.about h2{
  font-size:clamp(30px,3.3vw,48px)!important;
  line-height:1.08!important;
  max-width:900px!important;
  margin:0 auto 16px!important;
}
.about .sub{
  max-width:820px!important;
  margin:0 auto 14px!important;
  font-size:16px!important;
  line-height:1.7!important;
}
.about .domains{
  display:block!important;
  margin:20px auto 0!important;
  font-size:14px!important;
  letter-spacing:.14em!important;
}

/* More polished final footer using the newly approved logo. */
.aiva-footer{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:14px!important;
  padding:38px 20px 34px!important;
  text-align:center!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(18,113,205,.22),transparent 55%),
    linear-gradient(180deg,#030916,#020611)!important;
  border-top:1px solid rgba(55,192,255,.28)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
}
.footer-logo-wrap{
  width:min(430px,72vw)!important;
  padding:10px 18px!important;
  border:none!important;
  border-radius:18px!important;
  background:transparent!important;
  box-shadow:none!important;
}
.footer-logo{
  display:block!important;
  width:100%!important;
  height:auto!important;
  object-fit:contain!important;
}
.footer-meta{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  color:#aebbd0!important;
  font-size:12px!important;
  letter-spacing:.04em!important;
}
.footer-dot{color:#55ddff!important}

/* Mobile/tablet alignment. */
@media(max-width:850px){
  .site-header{
    grid-template-columns:1fr auto!important;
    padding:9px 12px!important;
  }
  .brand{display:none!important}
  .nav{display:none!important}
  .header-actions{grid-column:2!important;justify-self:end!important}
  .about{
    padding:48px 18px!important;
  }
  .about h2{
    font-size:clamp(28px,8vw,38px)!important;
  }
  .about .sub{
    font-size:15px!important;
    line-height:1.65!important;
  }
  .about .domains{
    font-size:11px!important;
    letter-spacing:.08em!important;
    overflow-wrap:anywhere!important;
  }
  .footer-logo-wrap{
    width:min(360px,88vw)!important;
    padding:8px 12px!important;
  }
}
@media(max-width:520px){
  .header-actions{gap:6px!important}
  .lang,.account-btn{min-height:38px!important;padding:0 10px!important;font-size:11px!important}
  .about{padding-top:42px!important;padding-bottom:42px!important}
  .footer-meta{font-size:11px!important;gap:7px!important}
  .footer-logo-wrap{width:min(320px,92vw)!important}
}

/* V7 — ELECTRIC BLUE NAV BUTTONS ONLY */
@media(min-width:851px){
  .nav{
    gap:12px!important;
    align-items:center!important;
  }
  .nav a{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:38px!important;
    padding:0 15px!important;
    border:1px solid rgba(45,205,255,.72)!important;
    border-radius:10px!important;
    background:linear-gradient(180deg,rgba(9,36,68,.78),rgba(4,18,39,.82))!important;
    color:#9eeeff!important;
    opacity:1!important;
    text-shadow:0 0 10px rgba(36,199,255,.42)!important;
    box-shadow:
      inset 0 0 14px rgba(31,152,255,.10),
      0 0 12px rgba(0,149,255,.10)!important;
    transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease!important;
  }
  .nav a:hover,
  .nav a:focus-visible{
    color:#fff!important;
    border-color:#5ce8ff!important;
    background:linear-gradient(180deg,rgba(9,112,205,.86),rgba(3,57,126,.90))!important;
    box-shadow:
      inset 0 0 18px rgba(77,222,255,.18),
      0 0 18px rgba(31,188,255,.30)!important;
    text-shadow:0 0 12px rgba(119,235,255,.78)!important;
    transform:translateY(-1px)!important;
    outline:none!important;
  }
  .nav a:active{
    transform:translateY(0)!important;
    background:linear-gradient(180deg,rgba(7,89,175,.94),rgba(2,43,102,.96))!important;
  }
}

@media(min-width:851px) and (max-width:1100px){
  .nav{gap:8px!important}
  .nav a{padding:0 10px!important;font-size:11px!important}
}