:root {
  --background:#020207;
  --foreground:#f7f5fa;
  --panel:rgba(12,10,22,.94);
  --panel-soft:rgba(24,19,38,.72);
  --line:rgba(255,255,255,.1);
  --violet:#a756ff;
  --violet-soft:#c58aff;
}
* { box-sizing:border-box; }
html { background:var(--background); scroll-behavior:smooth; }
body { margin:0; background:var(--background); color:var(--foreground); font-family:Arial,"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif; }
button,input,textarea,a { font:inherit; }
button { color:inherit; }
button:focus-visible,a:focus-visible,textarea:focus-visible { outline:2px solid #fff; outline-offset:3px; }
.sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }

.site {
  position:relative;
  min-height:100dvh;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(ellipse at 50% 28%,rgba(78,38,132,.24),transparent 39%),
    linear-gradient(180deg,#020207 0%,#06040e 62%,#030309 100%);
}
.site::before {
  position:absolute; inset:0; z-index:-5; content:""; opacity:.13;
  background-image:radial-gradient(rgba(255,255,255,.7) .45px,transparent .6px);
  background-size:23px 23px;
  mask-image:linear-gradient(to bottom,transparent 2%,#000 28%,transparent 96%);
}
.space-light { position:absolute; z-index:-1; width:7px; height:7px; border-radius:50%; pointer-events:none; }
.blue-light { top:31%; left:3%; background:#567bff; box-shadow:0 0 7px #4a6fff,0 0 18px #3156ff,0 0 38px #2448ff; }
.orange-light { top:39%; right:3%; background:#ffb05c; box-shadow:0 0 7px #ff9d35,0 0 18px #ff6a1c,0 0 38px #ff3f00; }
.orbit-line { position:absolute; z-index:-3; left:50%; width:112%; border:1px solid rgba(104,78,255,.17); border-radius:50%; pointer-events:none; transform:translateX(-50%) rotate(-2deg); }
.orbit-one { top:29%; height:300px; box-shadow:inset 0 -1px 0 rgba(238,55,64,.12); }
.orbit-two { top:49%; width:98%; height:220px; border-color:rgba(255,54,46,.11); transform:translateX(-50%) rotate(7deg); }
.background-title {
  position:absolute; z-index:-4; left:50%; color:#131222; font-size:clamp(104px,13vw,190px);
  font-weight:950; line-height:.8; white-space:nowrap; letter-spacing:-.055em; transform:translateX(-50%); user-select:none;
}
.top-word { top:126px; }

.site-header {
  position:relative; z-index:30; display:flex; width:min(calc(100% - 72px),1440px); height:102px;
  margin:auto; align-items:center; justify-content:space-between;
}
.brand-logo {
  display:block; width:160px; height:46px;
  background:url("/gameaiskill-logo.png") center/205px 115px no-repeat; mix-blend-mode:screen;
}
.top-nav { display:flex; gap:34px; align-items:center; }
.top-nav a { display:flex; min-height:44px; gap:9px; align-items:center; color:#ecebf0; text-decoration:none; transition:color .18s,transform .18s; }
.top-nav a:hover { color:#c78cff; transform:translateY(-1px); }
.top-nav i { display:grid; width:28px; height:28px; place-items:center; font-style:normal; }
.top-nav svg { width:25px; height:25px; }
.top-nav b { font-size:14px; font-weight:600; letter-spacing:.08em; white-space:nowrap; }

.brand{display:flex;align-items:center;gap:12px;color:#f7f5fa;text-decoration:none;font-size:23px;font-weight:750;letter-spacing:-.7px}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border:1px solid #a756ff70;border-radius:13px;background:#a756ff15;color:#c58aff;font-size:31px}.brand-accent{color:#b56bff}.brand small{display:block;margin-top:3px;color:#96909f;font-size:10px;font-weight:500;letter-spacing:3px}
.site-header{max-width:1160px;height:106px}.eyebrow{color:#b77bfa;font-size:10px;font-weight:700;letter-spacing:2px}.hero{position:relative;max-width:1000px;margin:62px auto 74px;text-align:center;padding:0 24px}.hero h1{margin:20px 0;font-size:clamp(38px,5.6vw,72px);letter-spacing:-2px;line-height:1.2}.hero h1 span{color:#b875ff}.hero p{color:#aca6b7;font-size:17px;line-height:1.8;margin:0 0 30px}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:14px 23px;border:1px solid #b378ed80;border-radius:11px;background:linear-gradient(135deg,#8f42dd,#63349a);color:white;text-decoration:none;font-size:13px;font-weight:600;cursor:pointer}.primary-button:hover{filter:brightness(1.15)}.mobile-break{display:none}
.products{width:min(calc(100% - 72px),1160px);margin:auto;scroll-margin-top:30px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.section-heading h2{margin:9px 0 0;font-size:25px;font-weight:650}.section-heading p{color:#817a8e;font-size:12px;margin:0 0 4px}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.product-card{min-width:0;overflow:hidden;border:1px solid #a57be333;border-radius:22px;background:linear-gradient(145deg,#151020,#090911);box-shadow:0 18px 54px #0006}.product-visual{position:relative;height:220px;overflow:hidden;background:radial-gradient(ellipse at 50% 80%,#47276380,transparent 70%),#0a0910}.product-visual:after{position:absolute;inset:0;content:'';background:linear-gradient(0deg,#13101b,transparent 40%);pointer-events:none}.mentor-visual img{position:absolute;z-index:1;height:320px;width:100%;object-fit:contain;object-position:center top;top:-23px}.visual-word{position:absolute;left:24px;bottom:5px;color:#ffffff0d;font-size:68px;font-weight:900;letter-spacing:5px}.mentor-scan-rings{position:absolute;width:270px;height:270px;border:1px solid #a756ff50;border-radius:50%;left:50%;top:25px;transform:translateX(-50%);box-shadow:0 0 0 35px #a756ff08,0 0 0 70px #a756ff05}.prison-visual img{width:100%;height:100%;object-fit:cover;object-position:50% 57%}.prison-card{border-color:#d1a56830}.product-copy{position:relative;z-index:2;padding:22px 28px 28px}.product-topline{display:flex;align-items:center;justify-content:space-between}.badge{padding:4px 9px;border:1px solid #aa71e840;border-radius:20px;font-size:10px;color:#c58aff;background:#a756ff0f}.badge.amber{color:#e5b877;border-color:#e5b87740;background:#e5b8770d}.product-copy h3{font-size:26px;margin:15px 0 12px}.product-copy p{color:#a49daf;font-size:13px;line-height:1.9;margin:0}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.tags span{color:#978ba8;font-size:10px;padding:5px 8px;background:#ffffff05;border:1px solid #ffffff08;border-radius:6px}.product-button{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:24px;padding:13px 15px;color:#ebd8ff;background:#9b45ff13;border:1px solid #b477f440;border-radius:10px;font-size:12px;cursor:pointer}.product-button:hover{background:#9b45ff28}.prison-card .product-button{color:#efd8b4;background:#cd9c5210;border-color:#cd9c5238}
.product-button{text-decoration:none}.product-detail-button{display:block;min-height:44px;margin:8px auto 0;padding:8px 12px;border:0;border-radius:8px;background:transparent;color:#a49daf;font-size:12px;cursor:pointer}.product-detail-button:hover{color:#efd8b4;background:#cd9c5210}
footer{display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(calc(100% - 72px),1160px);margin:60px auto 0;padding:27px 0 32px;border-top:1px solid #ffffff0d;color:#817a8d;font-size:11px;line-height:1.8}footer strong{font-size:15px;color:#b8b0c5}footer p{margin:7px 0 0}.footer-note{text-align:right}
dialog{position:fixed;width:min(480px,calc(100% - 32px));padding:36px 30px;border:1px solid #9b64d95c;border-radius:20px;color:#f7f5fa;background:#110d1c;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#000b;backdrop-filter:blur(7px)}dialog h2{font-size:27px;margin:18px 0}dialog p{color:#a9a0b5;line-height:1.9;font-size:14px}dialog .dialog-note{font-size:12px;color:#897c97}.close-dialog{position:absolute;top:12px;right:12px;width:36px;height:36px;border:0;border-radius:8px;background:#ffffff08;color:#b6a9c5;font-size:23px;cursor:pointer}dialog .primary-button{margin-top:8px}
@media(max-width:700px){.site-header{width:calc(100% - 36px);height:84px}.brand{font-size:18px;gap:8px}.brand-mark{width:34px;height:34px;font-size:26px;border-radius:10px}.brand small{font-size:8px;letter-spacing:2px}.top-nav{gap:16px}.top-nav b{font-size:12px;letter-spacing:0}.hero{margin:46px auto 48px;padding:0 18px}.hero h1{letter-spacing:-1px;font-size:39px}.hero p{font-size:14px}.hero .eyebrow{font-size:8px;letter-spacing:1.5px}.products{width:calc(100% - 36px)}.section-heading h2{font-size:22px}.section-heading p{display:none}.product-grid{grid-template-columns:1fr;gap:22px}.product-visual{height:200px}.product-copy{padding:20px 23px 24px}.product-copy h3{font-size:24px}footer{width:calc(100% - 36px);margin-top:40px;flex-direction:column;align-items:start;gap:16px}.footer-note{text-align:left}.mobile-break{display:block}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}