/* Mia Entertainment studio system. PHP-first implementation inspired by the
   21st.dev Shiny Button and Ethereal Scroll Hero examples. */
@property --mia-shine-angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}

:root {
  --background: #090b12;
  --foreground: #f5f5fa;
  --card: #121621;
  --card-foreground: #f5f5fa;
  --popover: #151a27;
  --primary: #9b77ff;
  --primary-foreground: #0b0d15;
  --brand: #9b77ff;
  --brand-foreground: #0b0d15;
  --secondary: #1b2030;
  --secondary-foreground: #ececff;
  --muted: #191e2b;
  --muted-foreground: #a4acc0;
  --accent: #42cfe9;
  --accent-foreground: #071017;
  --border: #ffffff1a;
  --input: #ffffff20;
  --ring: #9b77ff;
  --mia-violet: #9b77ff;
  --mia-blue: #497eff;
  --mia-cyan: #42cfe9;
  --mia-paper: #f5f5fa;
  --mia-ink: #090b12;
  --mia-surface: #121621;
  --mia-line: #ffffff1a;
  --radius: .85rem;
}

html { scroll-behavior: smooth; scroll-padding-top: 6rem; }
::selection { color: #090b12; background: #ad92ff; }
:focus-visible { outline: 2px solid #77dff3; outline-offset: 3px; }

/* Shared scene treatment: restrained light, no multicolour wash across every page. */
.site-v4-body, .admin-v3-body, .panel-v4-body {
  background: #090b12 !important;
  color: var(--mia-paper);
  --brand: var(--mia-violet);
  --primary: var(--mia-violet);
  --ring: var(--mia-violet);
}
.site-v4-body::before, .admin-v3-body::before, .panel-v4-body::before {
  inset: 0 !important;
  opacity: .5;
  background: url('../img/site-ambient.svg') center top / cover no-repeat !important;
  animation: none !important;
}
.site-v4-body::after, .admin-v3-body::after, .panel-v4-body::after {
  opacity: .2;
  background-image: linear-gradient(90deg,#dbe6ff08 1px,transparent 1px),linear-gradient(#dbe6ff08 1px,transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(#000 0%,transparent 80%);
}
.admin-v3-body::before { background-image: url('../img/admin-atmosphere.svg') !important; opacity:.8; }
.admin-v3-body::after { opacity:.12; }
.panel-v4-body::before { background-image:url('../img/site-ambient.svg') !important; opacity:.68; }
.page-shell { position: relative; }

/* Floating navigation and mobile menu */
.site-header { padding: .72rem 1rem 0; }
.site-header .bar {
  max-width: 1360px;
  min-height: 4.25rem;
  padding: .48rem .72rem .48rem .95rem;
  border: 1px solid #d8dfff23;
  border-radius: 1.05rem;
  background: linear-gradient(110deg,#101522ed,#111522d9);
  box-shadow: 0 16px 52px #03050a70, inset 0 1px #fff0;
  backdrop-filter: blur(20px) saturate(125%);
  -webkit-backdrop-filter: blur(20px) saturate(125%);
}
.site-header.is-scrolled .bar {
  min-height: 3.78rem;
  border-color: #a98cff3a;
  background: #0c101bf2;
  box-shadow: 0 14px 44px #03050a88;
}
.header-live-dot { background: var(--mia-cyan); box-shadow: 0 0 12px #42cfe970; }
.brand-mark { border-radius: .7rem; }
.brand-mark:hover { background:#ffffff09; transform:translateY(-1px); }
.brand-logo { filter:none; }
.brand-text-lg { letter-spacing:.13em; font-size:.73rem; }
.main-nav { gap:.12rem; margin-left:.55rem; border:0; background:transparent; }
.main-nav a, .nav-dropdown-btn { padding:.55rem .67rem; border-radius:.55rem; font-size:.76rem; color:#c3c8d5; }
.main-nav a::after { display:none; }
.main-nav a:hover,.nav-dropdown-btn:hover { background:#ffffff0a; color:#fff; transform:none; }
.main-nav a.active,.nav-dropdown-btn.active { color:#d3c4ff; background:#9b77ff16; box-shadow:inset 0 0 0 1px #9b77ff22; }
.nav-dropdown-menu,.user-menu-dropdown,.mobile-menu { border:1px solid #ffffff20; border-radius:.8rem; background:#111622f5; box-shadow:0 22px 70px #0008; backdrop-filter:blur(18px); }
.nav-dropdown-menu a,.user-menu-dropdown a { border-radius:.45rem; }
.header-divider { opacity:.4; }
.mobile-toggle { width:2.7rem; height:2.7rem; border:1px solid #ffffff20; border-radius:.65rem; background:#ffffff08; color:#fff; }
.mobile-menu { margin-top:.65rem; }
.mobile-menu a { border-radius:.5rem; }

/* Shiny Button: restrained logo-colour edge sweep, with reduced-motion support. */
.site-v4-body .btn-primary,
.site-v4-body .btn-brand,
.btn-shiny {
  isolation:isolate;
  position:relative;
  overflow:hidden;
  border:1px solid transparent !important;
  color:#0a0c14 !important;
  background:linear-gradient(112deg,#bda7ff 0%,#9b77ff 48%,#63b9fa 100%) padding-box,
    conic-gradient(from var(--mia-shine-angle),#9b77ff,#56d4ed,#d4c3ff,#497eff,#9b77ff) border-box !important;
  box-shadow:0 8px 28px #7855de3b,inset 0 1px #ffffffa6 !important;
  animation:mia-edge-turn 6s linear infinite paused;
  transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;
}
.site-v4-body .btn-primary::after,
.site-v4-body .btn-brand::after,
.btn-shiny::after {
  content:"";
  position:absolute;
  z-index:-1;
  top:-35%; bottom:-35%; left:-50%; width:32%;
  transform:skewX(-20deg);
  background:linear-gradient(90deg,transparent,#fff9,transparent);
  transition:left .58s cubic-bezier(.2,.7,.2,1);
  pointer-events:none;
}
.site-v4-body .btn-primary:hover,.site-v4-body .btn-brand:hover,.btn-shiny:hover {
  transform:translateY(-2px);
  filter:saturate(1.08);
  box-shadow:0 12px 34px #7855de58,inset 0 1px #fff !important;
  animation-play-state:running;
}
.site-v4-body .btn-primary:hover::after,.site-v4-body .btn-brand:hover::after,.btn-shiny:hover::after { left:125%; }
.site-v4-body .btn-primary:active,.btn-shiny:active { transform:translateY(0); }
@keyframes mia-edge-turn { to { --mia-shine-angle:360deg; } }
.site-v4-body .btn-outline { border-color:#b6c6e23d; background:#11162480; }
.site-v4-body .btn-outline:hover { border-color:#a98cff88; background:#9b77ff12; color:#e5dcff; }

/* Homepage: responsive cinematic banner with a small custom WebGL canvas. */
.hero {
  position:relative;
  isolation:isolate;
  min-height:min(760px,calc(100svh - 5.2rem));
  overflow:hidden;
  border-bottom:1px solid #d2daff19;
  background:#090b12 url('../img/hero-corridor.svg') center 48% / cover no-repeat;
}
.hero::before {
  content:""; position:absolute; z-index:0; inset:0; pointer-events:none;
  background:linear-gradient(90deg,#080a11 0%,#090b12f2 27%,#090b1295 55%,#090b1260 100%),linear-gradient(0deg,#090b12 0%,transparent 35%);
}
.hero::after { content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:radial-gradient(ellipse at 75% 47%,transparent 20%,#080a114a 72%,#080a11a6 100%); }
.hero-canvas { position:absolute;z-index:0;inset:0;width:100%;height:100%;opacity:.68;pointer-events:none;mix-blend-mode:screen; }
.hero-canvas.canvas-unavailable { display:none; }
.hero-glow { z-index:1;height:100%;background:linear-gradient(120deg,#9b77ff18,#497eff0e 55%,transparent);pointer-events:none; }
.hero-inner { z-index:2;min-height:inherit;grid-template-columns:minmax(0,1.12fr) minmax(19rem,.78fr);gap:clamp(2rem,5vw,5.5rem);align-items:center;padding-top:clamp(5rem,9vh,8rem);padding-bottom:clamp(4.5rem,8vh,7rem); }
.hero-copy { max-width:52rem !important; }
.hero-kicker { border:1px solid #c1aaff45;border-radius:999px;padding:.5rem .85rem;background:#171a29bc;color:#e2dcf2;backdrop-filter:blur(12px); }
.hero-kicker-dot { background:var(--mia-cyan);box-shadow:0 0 14px #42cfe97a; }
.hero h1 { max-width:51rem;font-size:clamp(3.4rem,7.1vw,6.5rem);line-height:.96;letter-spacing:-.075em;text-wrap:balance; }
.hero h1 .text-brand { color:#c9b5ff !important;font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;letter-spacing:-.07em;text-shadow:0 4px 45px #9b77ff30; }
.hero p.lead { max-width:38rem;color:#d0d2df;font-size:clamp(1rem,1.3vw,1.12rem);line-height:1.8; }
.hero-visual { min-height:30rem; }
.hero-orbit { border-color:#d3c7ff2a;box-shadow:0 0 90px #9b77ff0b; }
.hero-orbit-b { border-color:#52d3ee24; }
.hero-device-card { width:min(22rem,92%);padding:1.6rem;border:1px solid #c5bdff52;border-radius:1.2rem;background:linear-gradient(145deg,#151a29ed,#0c101aed);box-shadow:0 34px 100px #02040ab8,0 0 70px #8364d926,inset 0 1px #ffffff14;backdrop-filter:blur(16px);transform:rotate(-2deg); }
.hero-device-logo { width:4.2rem;height:4.2rem;margin:0 auto 1rem;padding:.4rem;border:1px solid #aa8bff55;border-radius:.95rem;background:#171a2c;box-shadow:0 0 32px #8461ff30; }
.hero-device-title { font-size:.72rem;letter-spacing:.17em;color:#f3efff; }
.hero-device-status { color:#aab5c8; }
.hero-device-status span { background:var(--mia-cyan);box-shadow:0 0 12px #42cfe978; }
.launcher-preview { margin-top:1.15rem;padding:.8rem;border:1px solid #ffffff18;border-radius:.75rem;background:#090d17df;transform:none; }
.launcher-preview-game { border-color:#aa96ff38;background:linear-gradient(100deg,#8e6ae71c,#ffffff05); }
.launcher-preview-art { background:url('../img/hero-corridor.svg') 58% 50%/cover no-repeat;box-shadow:inset 0 0 18px #9b77ff44; }
.launcher-preview-art span { color:#f1eaff; }
.launcher-preview-foot i { background:var(--mia-cyan); }
.hero-stats { max-width:38rem;margin-top:2.35rem;padding:.85rem 1rem;border:1px solid #d5ddff24;border-radius:.85rem;background:#0b101bd1;backdrop-filter:blur(12px); }
.hero-stats > div { padding:.15rem .6rem;border-left:1px solid #ffffff18; }
.hero-stats dt { color:#aeb6c9;letter-spacing:.13em; }
.hero-stats dd { color:#f2efff;font-size:1.15rem; }
.hero-scroll-cue { position:absolute;z-index:3;left:50%;bottom:1.35rem;display:flex;align-items:center;gap:.65rem;transform:translateX(-50%);color:#aeb6c8;font:500 .58rem var(--font-mono);letter-spacing:.2em; }
.hero-scroll-cue span { position:relative;display:block;width:1.3rem;height:1.3rem;border:1px solid #d5ddff49;border-radius:50%; }
.hero-scroll-cue span::after { content:"";position:absolute;left:50%;top:30%;width:1px;height:35%;background:#bda7ff;animation:cueTravel 1.8s ease-in-out infinite; }
@keyframes cueTravel { 0%{transform:translate(-50%,0);opacity:0}35%{opacity:1}100%{transform:translate(-50%,9px);opacity:0} }

/* The source ZIP already contains the bento discover layout; refine its art and hierarchy. */
.discover-section { padding-top:3.1rem; }
.discover-head { align-items:end;margin-bottom:1.3rem; }
.discover-head .eyebrow,.content-kicker { color:#baa6ff;letter-spacing:.18em; }
.discover-head h2 { font-size:clamp(1.8rem,3.4vw,2.8rem);letter-spacing:-.055em; }
.discover-note { color:#a5adc0;font-size:.8rem; }
.feature-icon svg { width:1.45rem;height:1.45rem;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round; }
.spotlight-grid { grid-template-columns:minmax(0,1.35fr) minmax(17rem,.9fr);grid-template-rows:minmax(25rem,auto) minmax(12rem,auto);gap:1rem; }
.spotlight-card { border-color:#d7deff1d;border-radius:1.1rem;background-color:#121621;box-shadow:0 22px 60px #03050a4d; }
.spotlight-card::before { background:radial-gradient(400px circle at var(--spot-x,50%) var(--spot-y,50%),#a58cff20,transparent 65%); }
.spotlight-card:hover { border-color:#ad92ff70;box-shadow:0 28px 70px #03050a80,0 0 36px #9b77ff16; }
.spotlight-game { background-image:linear-gradient(90deg,#0d1019f2 4%,#0d1019b8 48%,#0d101922 100%),url('../img/hero-corridor.svg');background-size:cover;background-position:center; }
.spotlight-game::after { background:linear-gradient(90deg,#0d1019d9 0%,#0d10194a 70%,transparent); }
.spotlight-label { color:#d1c2ff; }
.spotlight-label i { background:var(--mia-cyan);box-shadow:0 0 12px #42cfe970; }
.spotlight-content h3 { letter-spacing:-.075em; }
.spotlight-link { color:#f4f0ff; }
.spotlight-link b { border-radius:.55rem;border-color:#ffffff2b;background:#ffffff08; }
.spotlight-launcher { background:radial-gradient(ellipse at 74% 7%,#4f80ff21,transparent 45%),#121621; }
.spotlight-launcher-icon { border-color:#7f8fff72;background:#111626;box-shadow:0 10px 36px #3768ff2e; }
.spotlight-launcher-icon img { filter:drop-shadow(0 0 14px #5e82ff72); }
.spotlight-launcher-orbit { border-color:#74dcef30; }
.spotlight-launcher-orbit::after { background:#47d1eb;box-shadow:0 0 14px #47d1eb; }
.spotlight-community { background:linear-gradient(135deg,#151927,#10141e); }
.community-spark { border-color:#42cfe92d;color:#74deef;background:#42cfe90b;box-shadow:0 0 34px #42cfe912; }
.spotlight-index { color:#a1abc0;font-size:.58rem; }

/* Shared content pages */
.section { padding-top:clamp(2.6rem,5vw,4.5rem);padding-bottom:clamp(2.6rem,5vw,4.5rem); }
.section-tight { padding-top:1.6rem;padding-bottom:1.6rem; }
.section-head { margin-bottom:1.35rem; }
.section-head h2 { font-size:clamp(1.65rem,3.3vw,2.45rem) !important;letter-spacing:-.055em; }
.content-hero,.packages-hero,.launcher-hub-hero,.contact-hero {
  position:relative;isolation:isolate;overflow:hidden;border:1px solid #d5ddff20;border-radius:1.1rem;
  background:linear-gradient(105deg,#101522f2 0%,#131625e8 60%,#121626dd 100%);
  box-shadow:0 24px 70px #03050a47;
}
.content-hero::before,.packages-hero::before,.launcher-hub-hero::before,.contact-hero::before {
  content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;
  background:radial-gradient(ellipse at 88% 15%,#9b77ff22,transparent 31rem),url('../img/site-ambient.svg') right center/auto 150% no-repeat;
  opacity:.9;
}
.content-hero-game::before { background:linear-gradient(90deg,#090b12df 0%,#0b0d16b8 55%,#0b0d1652 100%),url('../img/hero-corridor.svg') center/cover no-repeat;opacity:1; }
.content-hero-game { min-height:26rem; }
.content-hero-game .content-hero-art { border-color:#80d9ed56;background:linear-gradient(145deg,#7960c72b,#43c8e91a);box-shadow:0 0 65px #5e84ff22,inset 0 1px #fff2; }
.content-hero::after { right:-90px;top:-165px;width:320px;height:320px;border:1px solid #bfadff2b;background:#9b77ff10;filter:blur(0); }
.content-hero-grid { gap:2rem; }
.content-title { max-width:53rem;font-size:clamp(2.5rem,5.4vw,5rem);line-height:.99;letter-spacing:-.07em;text-wrap:balance; }
.content-subtitle { max-width:43rem;color:#b8bfd0;line-height:1.8; }
.content-hero-art { border-color:#c5b3ff35;background:linear-gradient(145deg,#9b77ff16,#42cfe90b);box-shadow:0 18px 55px #0005, inset 0 1px #fff1;color:#dacdff; }
.content-grid { gap:1rem; }
.content-card,.news-card,.wiki-card,.support-card,.release-card,.package-card,.sponsor-card {
  border:1px solid #d7deff1a;border-radius:.9rem;background:linear-gradient(145deg,#151a27f2,#10141ef2);box-shadow:0 14px 42px #02040a3c;overflow:hidden;
}
.content-card:hover,.news-card:hover,.wiki-card:hover,.support-card:hover,.release-card:hover,.package-card:hover,.sponsor-card:hover { border-color:#a98cff68;transform:translateY(-3px);box-shadow:0 22px 50px #0006; }
.content-card-cover { background:#111827; }
.content-card-cover img,.news-cover img,.package-card-media img { transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .4s; }
.content-card:hover .content-card-cover img,.news-card:hover .news-cover img,.package-card:hover .package-card-media img { transform:scale(1.045); }
.content-card-body,.news-body { padding:1.15rem 1.25rem 1.3rem; }
.content-card-title { font-size:1.16rem;letter-spacing:-.035em; }
.content-card-excerpt,.news-body p { color:#aeb6c8;line-height:1.7; }
.content-card-footer { border-color:#ffffff15; }
.badge-outline { border-color:#ffffff26;background:#ffffff07;color:#d5d7e2; }
.badge-brand { border-color:#a98cff45;background:#9b77ff17;color:#d5c6ff; }
.wiki-layout { gap:1.35rem; }
.wiki-category { border:1px solid #ffffff18;border-radius:.85rem;background:#101522e8; }
.wiki-category-list a { border-radius:.55rem; }
.wiki-category-list a:hover,.wiki-category-list a.active { background:#9b77ff16;color:#d5c6ff; }
.faq-shell { border:1px solid #ffffff19;border-radius:1rem;background:#111621ed; }
.faq-shell .accordion-item { border-color:#ffffff17; }
.download-main,.download-side,.launcher-current,.launcher-version-banner,.launcher-package-card,.launcher-help-card,.packages-cta {
  border:1px solid #d5ddff20;border-radius:.9rem;background:linear-gradient(140deg,#141a28f0,#10141df0);box-shadow:0 15px 46px #03050a42;
}
.download-main { border-color:#9b77ff42; }
.download-metric { border-radius:.65rem;background:#0b0f18; }
.launcher-hub-hero,.contact-hero,.packages-hero { border-radius:0;border-width:0 0 1px;padding-inline:clamp(1rem,4vw,3.2rem); }
.launcher-hub-copy h1,.contact-layout h1 { letter-spacing:-.07em;text-wrap:balance; }
.launcher-hub-card { border-color:#d4d9f52d;border-radius:1rem;background:#101522ec;box-shadow:0 28px 80px #0008; }
.contact-form-card,.auth-simple-card,.auth-glass-card,.auth-box,.admin-login-card,.first-admin-card {
  border:1px solid #d5ddff24;border-radius:1rem;background:linear-gradient(145deg,#151a27f5,#0f131ef5);box-shadow:0 24px 72px #02040a66;
}
.contact-form-card .auth-form input,.contact-form-card .auth-form textarea { border-color:#343b50;border-radius:.65rem;background:#0b0f18; }
.prose-launcher { color:#d3d6e1;line-height:1.85; }
.prose-launcher h1,.prose-launcher h2,.prose-launcher h3 { letter-spacing:-.05em; }
.prose-launcher a { color:#b7a1ff;text-decoration:underline;text-decoration-color:#9b77ff60;text-underline-offset:3px; }
.legal-page .glass-panel { border:1px solid #ffffff1d;border-radius:.9rem;background:#111621ed; }
.empty-state { border:1px dashed #ffffff30;border-radius:1rem;background:#ffffff04; }

/* Forms, sign-in, and account pages */
input,select,textarea,.form-input,.auth-input { border:1px solid #394055;border-radius:.62rem;background:#0b0f18;color:#f3f3fa; }
input::placeholder,textarea::placeholder { color:#8790a5; }
input:focus,select:focus,textarea:focus,.form-input:focus,.auth-input:focus { border-color:#a98cff;box-shadow:0 0 0 3px #9b77ff20;outline:0; }
label { color:#d8d9e2;font-size:.83rem;font-weight:600; }
.auth-wrap,.first-admin-wrap { background:transparent; }
.auth-box,.auth-verify-card,.auth-simple-card,.auth-glass-card,.admin-glass-card,.first-admin-card { border-color:#d5ddff27; }
.auth-login-brand,.admin-login-brand,.auth-verify-brand { background:linear-gradient(145deg,#17172b,#101625); }
.auth-form .btn-primary,.admin-login-form-panel .btn-primary { min-height:3rem; }
.admin-security-note,.auth-security-badge,.admin-security-badge { border-color:#ffffff22;border-radius:.55rem;background:#ffffff07; }
.legal-consent-box { border:1px solid #c5b2ff50;border-radius:1rem;background:#111622f5;box-shadow:0 18px 56px #0009;backdrop-filter:blur(18px); }

/* User panel and admin share one coherent control-room language. */
.panel-v4-shell,.admin-v3-shell { --brand:#9b77ff !important;--primary:#9b77ff !important;--ring:#9b77ff !important; }
.panel-v4-shell { background:transparent !important; }
.panel-v4-shell .admin-sidebar,.admin-v3-sidebar { border-right-color:#ffffff14 !important;background:linear-gradient(180deg,#121522,#0c1019) !important;box-shadow:12px 0 40px #0002 !important; }
.panel-v4-shell .admin-sidebar::after,.admin-v3-sidebar-head::after { background:linear-gradient(90deg,#9b77ff,#497eff,#42cfe9) !important;opacity:.72 !important; }
.admin-v3-shell { grid-template-columns:260px minmax(0,1fr);background:transparent!important; }
.admin-v3-sidebar { width:260px!important; }
.admin-v3-brand-text small { color:#a8a8bf; }
.admin-v3-system { border-color:#ffffff16;background:#ffffff06;color:#afb6c6; }
.admin-v3-system b { color:#c8b7ff!important; }
.admin-v3-nav-label { color:#8f91a5!important; }
.admin-v3-user { border-color:#ffffff18!important;background:linear-gradient(120deg,#9b77ff12,#ffffff04)!important; }
.admin-v3-avatar { border-color:#9b77ff45!important;background:#9b77ff18!important;color:#d2c2ff!important; }
.admin-v3-nav a { border-radius:.55rem!important;color:#b9c0d0!important; }
.admin-v3-nav a:hover { background:#ffffff08!important;border-color:#ffffff10!important;color:#fff!important; }
.admin-v3-nav a.active { color:#d4c7ff!important;background:linear-gradient(95deg,#9b77ff22,#497eff0a)!important;border-color:#a98cff2e!important;box-shadow:inset 2px 0 #a98cff!important; }
.admin-v3-nav-icon { color:#a995ff!important; }
.admin-v3-main { max-width:1640px;padding:1.5rem clamp(1.2rem,3vw,3.1rem) 4rem!important; }
.admin-v3-main .admin-topbar { border-bottom-color:#ffffff18; }
.admin-v3-main .admin-topbar::after { background:linear-gradient(90deg,#9b77ffb8,#497eff6b,#42cfe900)!important; }
.admin-v3-main .admin-breadcrumb { color:#9da6ba; }
.admin-v3-main .admin-topbar h1 { letter-spacing:-.05em; }
.admin-v3-main .admin-page-intro { border:1px solid #d5ddff20;border-radius:1rem;background:linear-gradient(105deg,#9b77ff12,#497eff08,#ffffff02)!important;box-shadow:0 18px 50px #0002; }
.admin-v3-main .admin-page-intro-icon { border:1px solid #a98cff35;border-radius:.7rem;background:#9b77ff14;color:#cdbfff; }
.admin-v3-main .card,.admin-v3-main .admin-chart-card,.admin-v3-main .admin-hero-card,
.panel-v4-shell .card,.panel-v4-shell .profile-settings-card {
  border:1px solid #d5ddff18!important;border-radius:.85rem!important;background:linear-gradient(145deg,#141a27f5,#0f141df5)!important;box-shadow:0 14px 42px #02040a42!important;
}
.admin-v3-main .card:hover,.admin-v3-main .admin-chart-card:hover { border-color:#9b77ff42!important;transform:translateY(-2px); }
.admin-v3-main table { border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid #ffffff17;border-radius:.8rem;background:#101520; }
.admin-v3-main th { background:#171d2a;color:#c7cce0;font-size:.72rem;letter-spacing:.04em; }
.admin-v3-main td,.admin-v3-main th { border-color:#ffffff12!important; }
.admin-v3-main tbody tr:hover { background:#9b77ff0a; }
.admin-v3-main .btn-primary,.admin-v3-main button[type="submit"],.admin-v3-main .btn-brand {
  border:1px solid #a98cff54!important;border-radius:.58rem!important;
  color:#0b0d15!important;background:linear-gradient(112deg,#bda7ff,#9b77ff 50%,#63b9fa)!important;
  box-shadow:0 8px 25px #7855de30!important;
}
.admin-v3-main .btn-primary:hover,.admin-v3-main button[type="submit"]:hover,.admin-v3-main .btn-brand:hover { background:linear-gradient(112deg,#cfbeff,#aa8cff 50%,#7bcdf9)!important; }
.admin-v3-main a { --admin-link:#b9a4ff; }
.admin-v3-main .text-brand,.admin-v3-main .text-primary,.admin-v3-main a.text-brand { color:#bda7ff!important; }
.admin-v3-main .admin-page-intro-icon { color:#cdbfff!important; }
.admin-v3-main .admin-breadcrumb { color:#9fa9bf!important; }
.panel-v4-shell .btn-primary { border-radius:.58rem!important;background:linear-gradient(112deg,#bda7ff,#9b77ff 52%,#63b9fa)!important;color:#0b0d15!important;box-shadow:0 8px 25px #7855de30!important; }
.admin-v3-main .admin-top-action,.panel-v4-shell .admin-top-action { border-color:#ffffff1d;background:#ffffff06;border-radius:.6rem; }
.admin-v3-mobilebar { border-bottom-color:#9b77ff32!important;background:#0c111bf2!important;backdrop-filter:blur(16px); }
.admin-v3-menu:hover,.admin-v3-mobile-exit:hover { background:#9b77ff12!important;border-color:#9b77ff50!important; }
.site-footer { margin-top:5.5rem;border-top:1px solid #dbe0ff1a;background:#080b12d9;backdrop-filter:blur(18px); }
.site-footer::before { opacity:.22; }
.footer-brand-icon { border-color:#ffffff20;border-radius:.75rem;background:#141927;box-shadow:0 8px 26px #0004; }
.footer-status-pill { border:1px solid #42cfe92a;border-radius:999px;background:#42cfe909;color:#c6dce2; }
.footer-status-dot { background:#42cfe9;box-shadow:0 0 10px #42cfe97a; }
.footer-col h4 { letter-spacing:.12em;color:#e8e8f1; }
.footer-col ul a:hover { color:#c8b5ff;transform:translateX(2px); }
.footer-bottom { background:#070910; }

/* Gentle entrance reveals; content remains visible without JavaScript. */
.studio-reveal { opacity:1;transform:none; }
.studio-ready .studio-reveal:not(.is-visible) { opacity:0;transform:translateY(14px); }
.studio-ready .studio-reveal { transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms); }
.studio-ready .studio-reveal.is-visible { opacity:1;transform:translateY(0); }

@media(max-width:1020px) {
  .hero-inner { grid-template-columns:minmax(0,1fr) minmax(17rem,.7fr);gap:2rem; }
  .hero-visual { min-height:26rem; }
  .admin-v3-shell { grid-template-columns:236px minmax(0,1fr); }
  .admin-v3-sidebar { width:236px!important; }
}
@media(max-width:900px) {
  .hero { min-height:auto; }
  .hero-inner { min-height:unset;grid-template-columns:1fr;padding-top:5.5rem;padding-bottom:4rem; }
  .hero-copy { max-width:50rem!important; }
  .hero-visual { min-height:24rem;margin-top:-.5rem; }
  .hero-device-card { left:50%; }
  .admin-v3-shell { display:block; }
  .admin-v3-main { padding:1.35rem clamp(1rem,4vw,2rem) 3.5rem!important; }
}
@media(max-width:640px) {
  .site-header { padding:.5rem .5rem 0; }
  .site-header .bar { min-height:3.6rem;border-radius:.8rem;padding:.4rem .48rem; }
  .brand-logo { width:46px;height:46px; }
  .brand-text-lg { font-size:.61rem;letter-spacing:.1em; }
  .hero { background-position:60% center; }
  .hero::before { background:linear-gradient(90deg,#080a11e8,#090b1285),linear-gradient(0deg,#090b12 0%,transparent 45%); }
  .hero-canvas { opacity:.54; }
  .hero-inner { padding-top:4rem;padding-bottom:3.9rem; }
  .hero h1 { font-size:clamp(3.05rem,14.8vw,4.8rem); }
  .hero p.lead { font-size:1rem; }
  .hero-visual { min-height:21rem;margin:0 -1rem; }
  .hero-device-card { width:min(21rem,88%);padding:1.35rem; }
  .hero-stats { gap:.25rem;padding:.7rem .45rem; }
  .hero-stats > div { padding-inline:.45rem; }
  .hero-stats dd { font-size:1rem; }
  .hero-scroll-cue { bottom:1rem; }
  .spotlight-grid { grid-template-columns:1fr;grid-template-rows:auto; }
  .spotlight-game { grid-row:auto;min-height:25rem; }
  .spotlight-card { min-height:19rem;border-radius:.9rem; }
  .spotlight-community { min-height:15rem; }
  .content-hero { padding:1.35rem; }
  .content-hero-grid { grid-template-columns:1fr; }
  .content-hero-art { display:none; }
  .content-title { font-size:clamp(2.35rem,12vw,3.8rem); }
  .content-card,.news-card { border-radius:.78rem; }
  .section { padding-top:2.4rem;padding-bottom:2.4rem; }
  .site-footer { margin-top:3.5rem; }
}
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important; }
  .site-v4-body .btn-primary,.site-v4-body .btn-brand,.btn-shiny { animation:none!important; }
  .studio-ready .studio-reveal:not(.is-visible) { opacity:1;transform:none; }
}

/* Extra polish for the live navigation and the exact two-step login screen. */
.site-header .bar::after { content:"";position:absolute;left:8%;right:8%;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,#8f70ff9c,#42cfe98c,transparent);opacity:.55;pointer-events:none; }
.main-nav a,.nav-dropdown-btn { position:relative;isolation:isolate;transition:color .2s ease,background .2s ease,transform .24s cubic-bezier(.2,.75,.2,1),box-shadow .24s ease; }
.main-nav a::before { content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;background:radial-gradient(140px circle at var(--nav-x,50%) var(--nav-y,50%),#a68aff28,transparent 78%);opacity:0;transition:opacity .25s ease; }
.main-nav a::after { display:block;content:"";position:absolute;left:.68rem;right:.68rem;bottom:.18rem;height:1px;border-radius:2px;background:linear-gradient(90deg,#9b77ff,#42cfe9);box-shadow:0 0 10px #9b77ff55;transform:scaleX(0);transform-origin:left;transition:transform .28s cubic-bezier(.2,.75,.2,1); }
.main-nav a:hover,.nav-dropdown-btn:hover { background:#ffffff09;color:#fff;transform:translateY(-1px);box-shadow:inset 0 0 0 1px #dce5ff13; }
.main-nav a:hover::before { opacity:1; }
.main-nav a:hover::after,.main-nav a.active::after { transform:scaleX(1); }
.main-nav a.active,.nav-dropdown-btn.active { color:#e2d8ff;background:linear-gradient(120deg,#9b77ff20,#497eff12);box-shadow:inset 0 0 0 1px #a98cff36,0 5px 18px #7655d912; }
.nav-dropdown-btn { border:1px solid transparent; }

/* Bring the launcher console mockup forward as the homepage's game preview. */
.hero-visual { display:grid;place-items:center;perspective:1100px; }
.hero-device-card { display:block;color:inherit;text-decoration:none;width:min(23rem,94%);padding:1.45rem;transform:rotate(-3deg) translateY(0);animation:consoleFloat 7s ease-in-out infinite;transition:transform .45s cubic-bezier(.2,.75,.2,1),box-shadow .45s ease,border-color .35s ease; }
.hero-device-card:hover { transform:rotate(-1deg) translateY(-7px);border-color:#c6b2ff88;box-shadow:0 42px 105px #02040ad4,0 0 82px #8364d944,inset 0 1px #ffffff20; }
.launcher-preview { border-color:#ffffff26;box-shadow:0 16px 35px #03050b55,inset 0 1px #ffffff08; }
.launcher-preview-game { transition:transform .3s cubic-bezier(.2,.75,.2,1),border-color .3s ease,background .3s ease; }
.hero-device-card:hover .launcher-preview-game { transform:translateX(3px);border-color:#b39aff77;background:linear-gradient(100deg,#8e6ae733,#ffffff08); }
@keyframes consoleFloat { 0%,100%{translate:0 0}50%{translate:0 -7px} }
@media(max-width:900px) { .hero-device-card { animation-duration:8s; } }
@media(prefers-reduced-motion:reduce) { .hero-device-card { animation:none!important; } }
.nav-dropdown.open .nav-dropdown-btn,.nav-dropdown-btn:focus-visible { border-color:#a98cff3c;background:#9b77ff12; }
.nav-caret { transition:transform .22s ease,color .22s ease; }
.nav-dropdown:hover .nav-caret,.nav-dropdown.open .nav-caret { transform:rotate(180deg);color:#bda7ff; }
.nav-dropdown-menu { transform:translateY(7px);opacity:0;visibility:hidden;transition:opacity .18s ease,transform .2s ease,visibility .18s; }
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu,.nav-dropdown.open .nav-dropdown-menu { transform:translateY(0);opacity:1;visibility:visible; }
.nav-dropdown-menu a:hover { background:#9b77ff18;color:#ded3ff; }
.brand-mark { transition:transform .24s ease,background .24s ease; }
.brand-mark:hover .brand-logo { filter:drop-shadow(0 0 12px #8e77ff76);transform:scale(1.035); }
.brand-logo { transition:filter .25s ease,transform .25s ease; }
.site-header .header-login-btn { min-height:2.5rem; }

.auth-verify-card { position:relative;overflow:hidden;animation:authCardEnter .62s cubic-bezier(.2,.8,.2,1) both; }
.auth-verify-card::before { content:"";position:absolute;z-index:2;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,#b7a2ff,#42cfe9,transparent);opacity:.8;pointer-events:none; }
.auth-verify-brand { position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(145deg,#171a2a,#111521); }
.auth-verify-brand::after { content:"";position:absolute;z-index:-1;width:26rem;height:26rem;left:-12rem;top:12rem;border:1px solid #ac91ff30;border-radius:50%;box-shadow:0 0 0 38px #ac91ff08,0 0 0 84px #42cfe906;pointer-events:none; }
.auth-verify-brand-inner { position:relative;z-index:1; }
.auth-verify-email { border-color:#9b77ff36!important;background:linear-gradient(105deg,#9b77ff10,#42cfe908)!important; }
.auth-verify-email-label { color:#c6b4ff!important; }
.auth-verify-form-panel { position:relative;overflow:hidden; }
.auth-verify-form-panel::after { content:"";position:absolute;right:-12rem;top:-16rem;width:28rem;height:28rem;border-radius:50%;background:radial-gradient(circle,#8e70ff17,transparent 68%);pointer-events:none; }
.auth-verify-form-inner { position:relative;z-index:1; }
.auth-verify-step { box-shadow:inset 0 0 0 1px #a98cff23; }
.auth-code-input { height:4.3rem!important;border-color:#8872d9!important;border-radius:.82rem!important;background:linear-gradient(145deg,#161927,#10131d)!important;box-shadow:inset 0 1px #ffffff12,0 0 0 3px #9b77ff12,0 10px 28px #0002!important;color:#fff!important;font:600 1.35rem var(--font-mono)!important;letter-spacing:.62em!important;text-align:center;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease!important; }
.auth-code-input:focus { border-color:#c0aaff!important;box-shadow:0 0 0 4px #9b77ff1c,0 0 32px #9b77ff24!important;transform:translateY(-1px); }
.auth-verify-submit { min-height:3.15rem!important;font-weight:750;letter-spacing:-.01em; }
.auth-remember-confirm,.auth-remember-info { border-color:#a98cff30!important;border-radius:.78rem!important;background:linear-gradient(105deg,#9b77ff12,#ffffff03)!important; }
.auth-remember-confirm-icon { background:linear-gradient(135deg,#ad91ff,#62bfff)!important; }
.auth-verify-actions { align-items:center; }
.auth-verify-actions form { display:flex; }
.auth-verify-actions .auth-resend-btn { min-height:2.4rem;padding:.52rem .78rem;border:1px solid #a98cff48;background:#9b77ff0d;color:#d6c8ff;gap:.5rem;transition:transform .2s ease,background .2s ease,border-color .2s ease; }
.auth-verify-actions .auth-resend-btn:hover { transform:translateY(-1px);border-color:#42cfe980;background:#42cfe910;color:#effaff;text-decoration:none; }
.auth-verify-help { border:1px solid #a98cff20;background:linear-gradient(100deg,#9b77ff10,#42cfe906)!important; }
.auth-alert { animation:authAlertEnter .25s ease both; }
@keyframes authCardEnter { from{opacity:0;transform:translateY(16px) scale(.99)} to{opacity:1;transform:translateY(0) scale(1)} }
@keyframes authAlertEnter { from{opacity:0;transform:translateY(5px)} to{opacity:1;transform:translateY(0)} }

/* ===== Sekizinci Müşteri logosu ===== */
.content-hero-art.content-hero-art-logo{background:none;border:0;box-shadow:none;padding:0;transform:none;width:200px;height:200px;border-radius:0;overflow:visible}
.content-hero-art-logo img{width:100%;height:100%;object-fit:contain;border-radius:1.1rem;filter:drop-shadow(0 12px 40px rgba(255,0,40,.28))}
.launcher-preview-art.launcher-preview-art-logo{background:none;box-shadow:none;overflow:hidden}
.launcher-preview-art-logo img{width:100%;height:100%;object-fit:cover;border-radius:.5rem;display:block}
.spotlight-game-logo{position:absolute;right:8%;top:50%;transform:translateY(-50%);width:min(260px,52%);height:auto;border-radius:1.2rem;filter:drop-shadow(0 14px 44px rgba(255,0,40,.3));opacity:.95}