html, body { overflow-x: hidden; }
.nebula-page { max-width: 1180px; margin: 0 auto; padding: 22px 18px 48px; color: #f4f7ff; }
.nebula-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:10px 0 18px; color:#aeb9d8; font-size:.94rem; }
.nebula-breadcrumb a { color:#dce6ff; text-decoration:none; border-bottom:1px solid rgba(255,255,255,.22); }
.nebula-breadcrumb a:hover,.nebula-breadcrumb a:focus { color:#ffd966; border-color:rgba(255,217,102,.75); }
.nebula-breadcrumb strong { color:#ffd966; }
.nebula-hero,.nebula-panel{border:1px solid rgba(255,255,255,.12);border-radius:24px;background:radial-gradient(circle at 16% 0%,rgba(255,217,102,.14),transparent 28%),radial-gradient(circle at 84% 18%,rgba(120,155,255,.14),transparent 32%),linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.025));box-shadow:0 18px 48px rgba(0,0,0,.25)}
.nebula-hero{padding:clamp(26px,4vw,48px);margin-bottom:24px;overflow:hidden;position:relative}.nebula-kicker{display:inline-flex;color:#ffd966;font-size:.82rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.nebula-hero h1{font-size:clamp(2.1rem,5vw,4.2rem);line-height:1.02;margin:0 0 14px;color:#fff}.nebula-hero p{max-width:860px;color:#d9e2f7;font-size:1.08rem;line-height:1.7}
.nebula-buttons,.nebula-controls,.nebula-jump__actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.nebula-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 15px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#eef3ff;text-decoration:none;font-weight:800;cursor:pointer}.nebula-btn.primary{background:linear-gradient(135deg,#ffd966,#ff9e48);color:#170f02;border-color:rgba(255,217,102,.8)}.nebula-btn:hover,.nebula-btn:focus{transform:translateY(-1px);border-color:rgba(255,217,102,.65);outline:none}
.nebula-panel{padding:clamp(20px,3vw,34px);margin:24px 0}.nebula-panel h2{color:#ffd966;margin:0 0 12px;font-size:clamp(1.45rem,3vw,2rem)}.nebula-panel h3{color:#fff0b4;margin:0 0 8px}.nebula-panel p,.nebula-panel li{color:#d5def2;line-height:1.65}.nebula-stage{border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#030611;box-shadow:inset 0 0 40px rgba(120,155,255,.10),0 16px 42px rgba(0,0,0,.28)}.nebula-stage canvas{display:block;width:100%;height:auto;aspect-ratio:11/6;max-height:680px}.nebula-controls{margin:12px 0 16px}
.nebula-legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin-top:14px}.nebula-legend div,.nebula-color-list div{display:flex;align-items:center;gap:9px;color:#dce6ff;font-size:.95rem}.nebula-dot{flex:0 0 auto;width:13px;height:13px;border-radius:50%;box-shadow:0 0 12px currentColor;background:currentColor}.nebula-dot.pink{color:#ff6fb1}.nebula-dot.blue{color:#68b8ff}.nebula-dot.gold{color:#ffd966}.nebula-dot.orange{color:#ff9b4d}.nebula-dot.brown{color:#8a4b25}.nebula-dot.green{color:#75ffd6}.nebula-dot.white{color:#fff}.nebula-dot.dark{color:#31231b;box-shadow:0 0 0 1px rgba(255,255,255,.25)}
.nebula-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.nebula-card{padding:18px;border-radius:18px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.045)}.nebula-card a{color:inherit;text-decoration:none;display:block}.nebula-card h3{color:#ffd966}.nebula-card small{color:#aeb9d8;display:block;margin-top:3px;font-weight:600}.nebula-card:hover{border-color:rgba(255,217,102,.55);background:rgba(255,217,102,.07)}.nebula-color-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.nebula-facts ul{margin:0;padding-left:1.1rem}
.nebula-jump{margin:16px 0 24px;padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04)}.nebula-jump__top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.nebula-jump__title{color:#fff;font-weight:900}.nebula-jump__title small{display:block;color:#aeb9d8;font-weight:500;line-height:1.35}.nebula-jump__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:9px;max-height:0;opacity:0;overflow:hidden;margin-top:0;transition:.22s ease}.nebula-jump.is-open .nebula-jump__grid{max-height:700px;opacity:1;margin-top:12px}.nebula-jump__grid a{padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);color:#eaf0ff;text-decoration:none;font-weight:800}.nebula-jump__grid a span{display:block;color:#ffd966;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.nebula-jump__grid a.active{border-color:rgba(255,217,102,.75);background:rgba(255,217,102,.12)}
.nebula-ad-space{position:relative;width:100%;min-height:90px;margin:24px auto;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 18% 20%,rgba(255,218,99,.13),transparent 28%),radial-gradient(circle at 78% 30%,rgba(105,145,255,.15),transparent 32%),linear-gradient(135deg,rgba(8,12,33,.88),rgba(3,5,16,.96));box-shadow:inset 0 0 38px rgba(120,155,255,.10),0 14px 38px rgba(0,0,0,.20)}.nebula-ad-space:empty{min-height:0!important;height:0!important;margin:10px 0!important;border:0!important;background:transparent!important;box-shadow:none!important}.nebula-footer-nav{text-align:center;color:#9fadcd;padding:28px 0 12px}.nebula-footer-nav a{color:#dce6ff;text-decoration:none;margin:0 6px}
@media(max-width:720px){.nebula-page{padding:16px 12px 40px}.nebula-hero,.nebula-panel{border-radius:18px}.nebula-stage canvas{aspect-ratio:4/3}.nebula-jump__actions .nebula-btn{flex:1 1 auto}.nebula-jump__grid{grid-template-columns:1fr 1fr}.nebula-legend,.nebula-color-list{grid-template-columns:1fr}}@media(max-width:430px){.nebula-jump__grid{grid-template-columns:1fr}.nebula-btn{width:100%}}
