.leg .page-hero{
    padding: 80px 5% 60px;
    position: relative;
    overflow: hidden;
    z-index: 2;
  }.leg .page-hero .orb{ position:absolute; border-radius:50%; filter:blur(80px); pointer-events:none; }.leg .ph-orb1{ width:500px;height:500px;background:rgba(236,72,153,0.06);top:-100px;right:-80px; }.leg .ph-orb2{ width:300px;height:300px;background:rgba(236,72,153,0.04);bottom:0;left:5%; }.leg .hero-bg{position:absolute;inset:0;background-image:url("/images/bg-hero.webp");background-size:cover;background-position:60% center;z-index:0}.leg .hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(5,0,15,0.75) 0%,rgba(5,0,15,0.45) 45%,rgba(5,0,15,0.88) 100%),linear-gradient(to right,rgba(5,0,15,0.62) 0%,rgba(5,0,15,0.25) 35%,transparent 60%,rgba(5,0,15,0.4) 100%)}.leg .mech-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }.leg .mech-card{
    background:var(--surface); border:1px solid var(--border);
    border-radius:6px; padding:32px; transition:all var(--transition);
    text-decoration:none; display:block;
  }.leg .mech-card:hover{ border-color:rgba(236,72,153,.4); background:var(--surface2); transform:translateY(-3px); }.leg .mech-num{ font-family:"Space Mono",monospace; font-size:10px; color:var(--text3); letter-spacing:.1em; margin-bottom:12px; }.leg .mech-icon{ font-size:36px; margin-bottom:16px; display:block; }.leg .mech-title{ font-family:"Syne",sans-serif; font-size:22px; font-weight:700; color:var(--text); margin-bottom:10px; letter-spacing:-.02em; }.leg .mech-desc{ font-size:14px; color:var(--text2); line-height:1.7; margin-bottom:20px; }.leg .mech-link{ font-family:"Space Mono",monospace; font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--accent); display:flex; align-items:center; gap:8px; transition:gap var(--transition); }.leg .mech-card:hover .mech-link{ gap:14px; }.leg .info-grid{ display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; }.leg .info-visual{
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(236,72,153,.2);
    border-radius: 16px;
    padding: 28px 32px;
    font-family: "Space Mono", monospace;
    font-size: 12px;
    line-height: 2;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    box-shadow: 0 8px 40px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.06);
    position: relative; overflow: hidden;
    max-width: 420px;
  }.leg .info-visual::before{
    content:""; position:absolute; top:-60px; right:-60px;
    width:200px; height:200px;
    background:radial-gradient(circle, rgba(236,72,153,.12) 0%, transparent 70%);
    pointer-events:none;
  }.leg .info-visual .tag{ color:var(--accent3); }.leg .info-visual .val{ color:var(--accent2); }.leg .info-visual .com{ color:var(--text3); }.leg .info-visual .str{ color:#ffd700; }.leg .info-points{ list-style:none; display:flex; flex-direction:column; gap:18px; }.leg .info-points li{ display:flex; gap:14px; align-items:flex-start; }.leg .ip-dot{ width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0;margin-top:7px; }.leg .ip-text strong{ display:block; font-weight:600; color:var(--text); margin-bottom:3px; font-size:15px; }.leg .ip-text span{ font-size:13px; color:var(--text2); }.leg .prompts-bg{ background:var(--bg2); }.leg .prompt-cards{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }.leg .prompt-card{
    background:var(--surface); border:1px solid var(--border);
    border-radius:6px; overflow:hidden;
  }.leg .prompt-header{ background:var(--surface2); padding:14px 18px; border-bottom:1px solid var(--border); display:flex; justify-content:space-between; align-items:center; }.leg .prompt-type{ font-family:"Space Mono",monospace; font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:var(--accent2); }.leg .prompt-app{ font-family:"Space Mono",monospace; font-size:10px; color:var(--text3); }.leg .prompt-body{ padding:18px; }.leg .prompt-label{ font-size:11px; color:var(--text3); font-family:"Space Mono",monospace; letter-spacing:.08em; text-transform:uppercase; margin-bottom:6px; }.leg .prompt-text{ font-size:13px; color:var(--text2); line-height:1.6; font-style:italic; }.leg .prompt-settings{ font-size:11px; color:var(--text3); margin-top:10px; padding-top:10px; border-top:1px solid var(--border); }@media (max-width:900px){.leg .mech-grid{grid-template-columns:1fr}.leg .info-grid{grid-template-columns:1fr; gap:32px}.leg .prompt-cards{grid-template-columns:1fr}}.leg .wt-wrap{ display:grid; grid-template-columns:1fr 1.4fr; gap:24px; margin-top:40px; align-items:start; }.leg .wt-menu{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }.leg .wt-btn{
      background:linear-gradient(135deg,rgba(236,72,153,.08),rgba(236,72,153,.03),rgba(6,6,15,.6));
      border:1px solid rgba(236,72,153,.2); border-radius:10px;
      padding:20px 16px; cursor:pointer; transition:all .2s; text-align:center;
      position:relative; overflow:hidden;
    }.leg .wt-btn::before{ content:""; position:absolute; top:0; left:0; right:0; height:2px; background:#ec4899; }.leg .wt-btn:hover{ border-color:rgba(236,72,153,.5); transform:translateY(-2px); box-shadow:0 8px 24px rgba(236,72,153,.15); }.leg .wt-btn.active{ background:linear-gradient(135deg,rgba(236,72,153,.18),rgba(236,72,153,.08),rgba(6,6,15,.8)); border-color:rgba(236,72,153,.6); box-shadow:0 8px 28px rgba(236,72,153,.25); }.leg .wt-num{ font-family:"Space Mono",monospace; font-size:28px; font-weight:700; color:#ec4899; line-height:1; margin-bottom:8px; }.leg .wt-name{ font-family:"Syne",sans-serif; font-size:13px; font-weight:700; color:var(--text); text-transform:uppercase; letter-spacing:.04em; line-height:1.3; }.leg .wt-content{
      background:linear-gradient(135deg,rgba(236,72,153,.08),rgba(236,72,153,.03),rgba(6,6,15,.7));
      border:1px solid rgba(236,72,153,.25); border-radius:14px; padding:36px;
      position:relative; overflow:hidden; min-height:460px;
    }.leg .wt-content::before{ content:""; position:absolute; top:0; left:0; right:0; height:2px; background:linear-gradient(90deg,#ec4899,#f472b6); }.leg .wt-content::after{ content:""; position:absolute; top:-60px; right:-40px; width:200px; height:200px; border-radius:50%; background:radial-gradient(circle,rgba(236,72,153,.15) 0%,transparent 70%); pointer-events:none; }.leg .wt-panel{ display:none; animation:wtFade .3s ease; }.leg .wt-panel.active{ display:block; }@keyframes wtFade { from{opacity:0;transform:translateY(8px)} to{opacity:1;transform:translateY(0)} }.leg .wt-panel-num{ font-family:"Space Mono",monospace; font-size:11px; color:#ec4899; letter-spacing:.12em; text-transform:uppercase; margin-bottom:12px; }.leg .wt-panel-title{ font-family:"Syne",sans-serif; font-size:22px; font-weight:800; color:var(--text); margin-bottom:20px; line-height:1.3; }.leg .wt-panel-body{ font-size:14px; color:var(--text2); line-height:1.8; }.leg .wt-panel-body p{ margin-bottom:14px; }.leg .wt-panel-body strong{ color:var(--text); }.leg .wt-example{ background:rgba(236,72,153,.08); border:1px solid rgba(236,72,153,.2); border-radius:8px; padding:16px 20px; margin-top:20px; }.leg .wt-example-label{ font-family:"Space Mono",monospace; font-size:9px; letter-spacing:.12em; text-transform:uppercase; color:#ec4899; margin-bottom:8px; }.leg .wt-example-text{ font-size:13px; color:var(--text2); line-height:1.7; font-style:italic; }.leg .wt-tag{ display:inline-block; background:rgba(236,72,153,.12); border:1px solid rgba(236,72,153,.25); border-radius:4px; padding:3px 10px; font-family:"Space Mono",monospace; font-size:10px; color:#f472b6; margin:4px 4px 4px 0; }@media (max-width:900px){.leg .wt-wrap{grid-template-columns:1fr}.leg .wt-menu{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.leg .wt-menu{grid-template-columns:repeat(2,1fr)}.leg .wt-content{padding:24px}}@media (max-width:600px){.leg .mech-code-block{display:none}}.leg .quiz-wrap{ max-width:720px; margin:40px auto 0; }.leg .quiz-progress{ display:flex; gap:6px; margin-bottom:32px; }.leg .quiz-dot{ flex:1; height:4px; border-radius:2px; background:rgba(236,72,153,.2); transition:background .4s; }.leg .quiz-dot.done{ background:#ec4899; }.leg .quiz-dot.active{ background:linear-gradient(90deg,#ec4899,#f472b6); }.leg .quiz-card{
      background:linear-gradient(135deg,rgba(236,72,153,.08),rgba(236,72,153,.03),rgba(6,6,15,.7));
      border:1px solid rgba(236,72,153,.25); border-radius:16px; padding:36px;
      position:relative; overflow:hidden;
    }.leg .quiz-card::before{ content:""; position:absolute; top:0; left:0; right:0; height:2px; background:linear-gradient(90deg,#ec4899,#f472b6); }.leg .quiz-filar{ font-family:"Space Mono",monospace; font-size:10px; color:#ec4899; letter-spacing:.12em; text-transform:uppercase; margin-bottom:12px; }.leg .quiz-q{ font-family:"Syne",sans-serif; font-size:20px; font-weight:700; color:var(--text); margin-bottom:28px; line-height:1.4; }.leg .quiz-answers{ display:flex; flex-direction:column; gap:10px; }.leg .quiz-ans{
      background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08);
      border-radius:8px; padding:14px 20px; cursor:pointer; transition:all .2s;
      font-size:14px; color:var(--text2); text-align:left;
      display:flex; align-items:center; gap:12px;
    }.leg .quiz-ans:hover:not(:disabled){ border-color:rgba(236,72,153,.4); background:rgba(236,72,153,.08); color:var(--text); transform:translateX(4px); }.leg .quiz-ans.correct{ border-color:rgba(40,200,64,.6); background:rgba(40,200,64,.1); color:#28c840; }.leg .quiz-ans.wrong{ border-color:rgba(255,77,77,.6); background:rgba(255,77,77,.1); color:#ff4d4d; }.leg .quiz-ans:disabled{ cursor:default; transform:none; }.leg .quiz-ans-letter{ width:26px; height:26px; border-radius:50%; border:1px solid rgba(236,72,153,.3); display:flex; align-items:center; justify-content:center; font-family:"Space Mono",monospace; font-size:11px; color:#ec4899; flex-shrink:0; transition:all .2s; }.leg .quiz-ans.correct .quiz-ans-letter{ background:#28c840; border-color:#28c840; color:#fff; }.leg .quiz-ans.wrong .quiz-ans-letter{ background:#ff4d4d; border-color:#ff4d4d; color:#fff; }.leg .quiz-feedback{ margin-top:20px; padding:14px 20px; border-radius:8px; font-size:13px; line-height:1.6; display:none; animation:wtFade .3s ease; }.leg .quiz-feedback.correct{ background:rgba(40,200,64,.08); border:1px solid rgba(40,200,64,.2); color:#28c840; }.leg .quiz-feedback.wrong{ background:rgba(255,77,77,.08); border:1px solid rgba(255,77,77,.2); color:#ff6b6b; }.leg .quiz-next{ margin-top:20px; display:none; background:linear-gradient(90deg,#ec4899,#f472b6); border:none; border-radius:8px; padding:12px 28px; color:#fff; font-family:"Space Mono",monospace; font-size:11px; letter-spacing:.08em; text-transform:uppercase; cursor:pointer; transition:all .2s; }.leg .quiz-next:hover{ opacity:.88; transform:translateY(-1px); }.leg .quiz-result{ text-align:center; display:none; animation:wtFade .5s ease; }.leg .quiz-result-score{ font-family:"Syne",sans-serif; font-size:72px; font-weight:800; background:linear-gradient(90deg,#ec4899,#f472b6); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; line-height:1; margin-bottom:8px; }.leg .quiz-result-label{ font-family:"Space Mono",monospace; font-size:11px; color:var(--text3); letter-spacing:.1em; text-transform:uppercase; margin-bottom:24px; }.leg .quiz-result-comment{ font-size:18px; color:var(--text2); line-height:1.7; margin-bottom:32px; max-width:480px; margin-left:auto; margin-right:auto; }.leg .quiz-restart{ background:linear-gradient(90deg,#ec4899,#f472b6); border:none; border-radius:8px; padding:14px 32px; color:#fff; font-family:"Space Mono",monospace; font-size:11px; letter-spacing:.08em; text-transform:uppercase; cursor:pointer; transition:all .2s; }.leg .quiz-restart:hover{ opacity:.88; transform:translateY(-2px); }@keyframes scoreCount { from { opacity:0; transform:scale(.5); } to { opacity:1; transform:scale(1); } }.leg .quiz-result-score{ animation: scoreCount .6s cubic-bezier(.34,1.56,.64,1) both; }.leg .mech-aurora-global{
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
  display: none;
}.leg .mech-ag{
  position: absolute;
  border-radius: 50%;
  will-change: transform;
  mix-blend-mode: screen;
}.leg .mech-ag.mg1{
  width: 800px; height: 600px;
  top: -180px; left: -150px;
  background: radial-gradient(ellipse, rgba(236,72,153,.5) 0%, rgba(100,60,255,.2) 45%, transparent 70%);
  filter: blur(90px);
  animation: mechFloat1 18s ease-in-out infinite;
}.leg .mech-ag.mg2{
  width: 700px; height: 650px;
  top: -120px; right: -160px;
  background: radial-gradient(ellipse, rgba(0,229,255,.45) 0%, rgba(0,180,220,.2) 45%, transparent 70%);
  filter: blur(100px);
  animation: mechFloat2 22s ease-in-out infinite;
}.leg .mech-ag.mg3{
  width: 900px; height: 500px;
  top: 40%; left: 50%;
  transform: translateX(-50%);
  background: radial-gradient(ellipse, rgba(45,212,191,.35) 0%, rgba(20,180,160,.15) 45%, transparent 70%);
  filter: blur(110px);
  animation: mechFloat3 26s ease-in-out infinite;
}.leg .mech-ag.mg4{
  width: 600px; height: 600px;
  bottom: -120px; left: -80px;
  background: radial-gradient(ellipse, rgba(99,102,241,.5) 0%, rgba(67,56,202,.25) 45%, transparent 70%);
  filter: blur(95px);
  animation: mechFloat4 20s ease-in-out infinite;
}.leg .mech-ag.mg5{
  width: 550px; height: 500px;
  bottom: -100px; right: -100px;
  background: radial-gradient(ellipse, rgba(192,132,252,.4) 0%, rgba(147,51,234,.2) 45%, transparent 70%);
  filter: blur(85px);
  animation: mechFloat5 24s ease-in-out infinite;
}.leg .mech-ag.mg6{
  width: 400px; height: 350px;
  top: 55%; right: -60px;
  background: radial-gradient(ellipse, rgba(0,229,255,.3) 0%, transparent 65%);
  filter: blur(70px);
  animation: mechFloat6 16s ease-in-out infinite;
}@keyframes mechFloat1 {
  0%,100% { transform: translate(0,0) scale(1); }
  30%     { transform: translate(70px,50px) scale(1.08); }
  65%     { transform: translate(-35px,90px) scale(0.94); }
}@keyframes mechFloat2 {
  0%,100% { transform: translate(0,0) scale(1); }
  40%     { transform: translate(-80px,60px) scale(1.1); }
  75%     { transform: translate(45px,-35px) scale(0.92); }
}@keyframes mechFloat3 {
  0%,100% { transform: translateX(-50%) scale(1); }
  35%     { transform: translateX(-43%) scale(1.12); }
  70%     { transform: translateX(-57%) scale(0.91); }
}@keyframes mechFloat4 {
  0%,100% { transform: translate(0,0) scale(1); }
  50%     { transform: translate(80px,-70px) scale(1.08); }
}@keyframes mechFloat5 {
  0%,100% { transform: translate(0,0) scale(1); }
  45%     { transform: translate(-65px,-55px) scale(1.12); }
}@keyframes mechFloat6 {
  0%,100% { transform: translate(0,0) scale(1); }
  40%     { transform: translate(-50px,45px) scale(1.18); }
  80%     { transform: translate(25px,-25px) scale(0.88); }
}.leg .mech-cursor-glow{
  position: fixed;
  width: 600px; height: 600px;
  border-radius: 50%;
  pointer-events: none;
  z-index: 1;
  display: none;
  transform: translate(-50%, -50%);
  background: radial-gradient(circle, rgba(236,72,153,.18) 0%, rgba(0,229,255,.08) 40%, transparent 70%);
  filter: blur(40px);
  mix-blend-mode: screen;
  transition: opacity .3s;
}
.leg{--accent:#ec4899;--accent2:#f9a8d4;--accent3:#f472b6}
.leg section{background:transparent!important}