:root{--g7e-bg:#050611;--g7e-panel:rgba(255,255,255,.055);--g7e-line:rgba(255,255,255,.12);--g7e-muted:#b6b9c9;--g7e-pink:#ff4fad;--g7e-purple:#9d5cff;--g7e-cyan:#72ddff}
.g7e-shell{min-height:100vh;background:radial-gradient(circle at 10% 0,rgba(157,92,255,.13),transparent 34rem),radial-gradient(circle at 90% 8%,rgba(114,221,255,.08),transparent 28rem),#050611;color:#f8f8fc}
.g7e-nav{position:sticky;top:0;z-index:40;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(5,6,17,.84);backdrop-filter:blur(18px)}
.g7e-nav-in,.g7e-wrap{width:min(1180px,calc(100% - 36px));margin:auto}.g7e-nav-in{height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.g7e-brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:#fff;font-weight:800}.g7e-brand img{width:38px;height:38px;border-radius:11px}.g7e-links{display:flex;gap:22px}.g7e-links a{color:#c8c9d5;text-decoration:none;font-size:14px;font-weight:700}.g7e-links a:hover{color:#fff}
.g7e-hero{padding:96px 0 58px}.g7e-kicker{font-size:12px;font-weight:900;letter-spacing:.18em;color:#ff5eb8;text-transform:uppercase}.g7e-hero h1{font-size:clamp(48px,7vw,86px);line-height:.98;letter-spacing:-.055em;margin:18px 0 22px;max-width:900px}.g7e-gradient{background:linear-gradient(100deg,#fff 10%,#8ee9ff 47%,#bf7bff 70%,#ff5bab);-webkit-background-clip:text;background-clip:text;color:transparent}.g7e-lead{max-width:760px;font-size:19px;line-height:1.8;color:#c9cbd8}.g7e-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.g7e-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border:1px solid var(--g7e-line);border-radius:13px;color:#fff;text-decoration:none;font-weight:800;background:rgba(255,255,255,.04)}.g7e-btn--primary{background:linear-gradient(100deg,rgba(114,221,255,.17),rgba(255,79,173,.2));border-color:rgba(114,221,255,.35)}
.g7e-section{padding:46px 0}.g7e-section-head{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:24px}.g7e-section-head h2{font-size:clamp(31px,4vw,48px);letter-spacing:-.035em;margin:8px 0 0}.g7e-section-head p{color:var(--g7e-muted);max-width:530px;line-height:1.65}.g7e-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.g7e-card{display:flex;flex-direction:column;min-height:270px;padding:25px;border:1px solid var(--g7e-line);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025));text-decoration:none;color:#fff;box-shadow:0 20px 70px rgba(0,0,0,.18);transition:.2s transform,.2s border-color}.g7e-card:hover{transform:translateY(-3px);border-color:rgba(159,117,255,.42)}.g7e-card small{color:#ff70bd;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.g7e-card h3{font-size:26px;line-height:1.12;letter-spacing:-.03em;margin:17px 0 12px}.g7e-card p{color:#bdc0d0;line-height:1.65;margin:0}.g7e-card-foot{margin-top:auto;padding-top:22px;display:flex;justify-content:space-between;align-items:center;color:#9edfff;font-size:13px;font-weight:800}
.g7e-story-head,.g7e-interactive-head{padding:70px 0 30px}.g7e-breadcrumb{display:flex;gap:9px;flex-wrap:wrap;font-size:13px;color:#9599ad;margin-bottom:36px}.g7e-breadcrumb a{color:#b5dfff;text-decoration:none}.g7e-story-title,.g7e-interactive-title{max-width:900px;font-size:clamp(45px,6vw,74px);line-height:1;letter-spacing:-.05em;margin:12px 0 18px}.g7e-story-desc,.g7e-interactive-desc{max-width:760px;color:#c2c5d3;font-size:18px;line-height:1.75}
.g7e-story-stage{margin:24px auto 44px;max-width:880px}.g7e-story-progress{display:flex;gap:7px;margin:0 0 14px}.g7e-story-progress span{height:4px;flex:1;background:rgba(255,255,255,.12);border-radius:999px}.g7e-story-progress span.is-on{background:linear-gradient(90deg,#72ddff,#ff55ae)}.g7e-frame{border:1px solid var(--g7e-line);border-radius:28px;padding:clamp(28px,5vw,56px);min-height:450px;background:radial-gradient(circle at 85% 12%,rgba(157,92,255,.18),transparent 22rem),linear-gradient(155deg,#0d1122,#080914);display:flex;flex-direction:column;justify-content:center}.g7e-frame-index{color:#ff65b7;font-size:12px;font-weight:900;letter-spacing:.18em}.g7e-frame h2{font-size:clamp(35px,5vw,58px);line-height:1.02;letter-spacing:-.045em;margin:18px 0}.g7e-frame p{font-size:19px;line-height:1.72;color:#e2e2eb;margin:0}.g7e-frame .g7e-detail{margin-top:18px;color:#aeb2c3;font-size:16px}.g7e-frame a{margin-top:28px;color:#8ee7ff;font-weight:800;text-decoration:none}.g7e-story-controls{display:none;justify-content:space-between;gap:12px;margin-top:14px}.g7e-story-enhanced .g7e-story-controls{display:flex}.g7e-story-enhanced .g7e-frame{display:none}.g7e-story-enhanced .g7e-frame.is-active{display:flex}
.g7e-interactive-box{max-width:930px;margin:28px auto 50px;border:1px solid var(--g7e-line);border-radius:26px;background:rgba(255,255,255,.035);padding:clamp(22px,4vw,42px)}.g7e-q{padding:25px 0;border-bottom:1px solid rgba(255,255,255,.08)}.g7e-q:last-child{border-bottom:0}.g7e-q h2,.g7e-q h3{font-size:23px;margin:0 0 15px;line-height:1.3}.g7e-choice-grid{display:grid;gap:10px}.g7e-choice{width:100%;text-align:left;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:#0c0e19;color:#f5f5fb;padding:14px 16px;font:inherit;cursor:pointer}.g7e-choice:hover{border-color:rgba(114,221,255,.4)}.g7e-choice.is-selected{border-color:#81dfff;background:rgba(114,221,255,.08)}.g7e-choice.is-correct{border-color:#74e0a1;background:rgba(116,224,161,.09)}.g7e-choice.is-wrong{border-color:#ff6d8b;background:rgba(255,109,139,.08)}.g7e-feedback{display:none;margin-top:13px;color:#bbc0cf;line-height:1.6}.g7e-feedback.is-visible{display:block}.g7e-feedback a{color:#8fe6ff}.g7e-match-row,.g7e-timeline-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,.55fr);gap:14px;align-items:center;padding:11px 0}.g7e-match-row select,.g7e-timeline-row select{width:100%;background:#0b0d18;color:#fff;border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:12px}.g7e-result{margin-top:24px;padding:19px;border:1px solid rgba(114,221,255,.22);border-radius:15px;background:rgba(114,221,255,.06);display:none}.g7e-result.is-visible{display:block}.g7e-result strong{font-size:24px}.g7e-source-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:28px 0 0}.g7e-source-link{padding:14px 16px;border:1px solid rgba(255,255,255,.1);border-radius:13px;text-decoration:none;color:#cfefff;background:rgba(255,255,255,.025)}
.g7e-footer-space{height:35px}@media(max-width:800px){.g7e-links a:nth-child(-n+2){display:none}.g7e-grid{grid-template-columns:1fr}.g7e-section-head{display:block}.g7e-frame{min-height:410px}.g7e-match-row,.g7e-timeline-row{grid-template-columns:1fr}.g7e-source-rail{grid-template-columns:1fr}.g7e-hero{padding-top:70px}}