*{margin:0;padding:0;box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:root{--bg:#1e1526;--panel:#291e35;--card:#2b2038;--line:#6b5578;--soft-orange:#ff9a3d;--soft-cream:#ffedd0;--soft-cyan:#93cfdd;--soft-coral:#eda29b;--soft-mint:#a6dcae;--soft-lavender:#b8a2cc;--orange:#ff9a3d;--orange-2:#ffc27a;--cream:#fff3e0;--ink:#fff3e0;--dim:#dcc9b8;--dark:#140d1d;--green:#8fd29a;--btn-ink-dark:#2a1503;--radius-soft-sm:3px;--radius-soft-md:6px;--radius-soft-lg:9px;--radius-soft-xl:12px;--glow-subtle:0 0 18px rgba(255, 164, 92, .10);--glow-soft:0 0 26px rgba(255, 164, 92, .15);--surface:linear-gradient(165deg, rgba(62, 46, 78, .92) 0%, rgba(43, 32, 56, .96) 55%, rgba(34, 24, 45, .98) 100%);--surface-line:rgba(222, 186, 200, .16);--surface-hi:inset 0 1px 0 rgba(255, 232, 205, .08);--surface-shadow:0 12px 28px rgba(8, 4, 14, .42);--grid-size:32px;--grid-color:rgba(210, 180, 200, .022)}html{scroll-behavior:smooth}body{background:linear-gradient(rgba(166,143,184,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(166,143,184,.022) 1px,transparent 1px),radial-gradient(circle at 15% 8%,rgba(255,150,57,.065),transparent 28%),radial-gradient(circle at 85% 28%,rgba(111,80,145,.16),transparent 34%),#171020;background-size:32px 32px,32px 32px,auto,auto,auto;background-attachment:fixed;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:16px;letter-spacing:0;line-height:1.68;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 60% 42% at 50% 0,rgba(255,176,110,.07),transparent 68%),radial-gradient(ellipse at center,transparent 58%,rgba(10,5,16,.38))}body::after{display:none}::selection{background:var(--orange);color:var(--dark)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--line);border:2px solid var(--bg)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.wrap{width:100%;max-width:1440px;margin:0 auto;padding:0 48px;box-sizing:border-box}nav{position:sticky;top:0;z-index:50;background:linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px),rgba(30,21,38,.82);background-size:32px 100%,auto;border-bottom:1px solid rgba(255,190,130,.14);box-shadow:0 6px 24px rgba(8,4,14,.35);backdrop-filter:blur(14px) saturate(1.15);-webkit-backdrop-filter:blur(14px) saturate(1.15)}.nav-in{display:flex;align-items:center;gap:26px;padding:12px 48px;max-width:1480px;min-height:76px;margin:0 auto;box-sizing:border-box}.logo{display:flex;align-items:center;gap:13px;cursor:pointer}.logo .brand-mark{width:54px;height:54px;display:block;flex-shrink:0;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.logo b{font-size:19px;display:block;font-family:var(--font-pixel);line-height:1.2;letter-spacing:1px;color:var(--cream)}.logo small{display:block;font-size:9px;color:#9c8ca7;letter-spacing:2.4px;margin-top:3px;font-family:var(--font-body);font-weight:700;text-transform:uppercase}.nav-links{display:flex;gap:8px;margin-left:auto}.nav-links a{color:var(--dim);text-decoration:none;font-size:15px;padding:8px 14px;transition:color .2s}.nav-links a:hover{color:var(--ink)}.nav-links a.active{color:var(--orange);background:rgba(255,164,92,.1);box-shadow:0 0 0 1px rgba(255,164,92,.4) inset,0 0 14px rgba(255,164,92,.12)}.px-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 22px;background:linear-gradient(160deg,#ffc27a 0,#ff9a3d 52%,#f2832c 100%);border:none;border-radius:8px;color:var(--btn-ink-dark);font-family:var(--font-body);font-size:14px;font-weight:800;letter-spacing:.3px;text-decoration:none;cursor:pointer;box-shadow:0 0 26px rgba(255,154,61,.34),0 6px 18px rgba(8,4,14,.4),inset 0 2px 0 rgba(255,240,214,.5),inset 0 -3px 7px rgba(166,78,22,.38);text-shadow:0 1px 0 rgba(255,235,205,.35);transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;position:relative}.px-btn:hover{filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 0 36px rgba(255,154,61,.48),0 10px 24px rgba(8,4,14,.44),inset 0 2px 0 rgba(255,240,214,.55),inset 0 -3px 7px rgba(166,78,22,.34)}.px-btn:active{transform:translateY(1px);filter:brightness(.98);box-shadow:0 0 18px rgba(255,154,61,.28),0 3px 10px rgba(8,4,14,.4),inset 0 2px 0 rgba(255,240,214,.4),inset 0 -2px 5px rgba(166,78,22,.42)}.px-btn:focus-visible{outline:3px solid var(--cream);outline-offset:4px}.px-btn.ghost{border:1px solid rgba(255,164,92,.55);background:rgba(255,154,61,.07);color:var(--orange);text-shadow:none;box-shadow:0 0 18px rgba(255,154,61,.1),inset 0 1px 0 rgba(255,232,205,.1)}.px-btn.ghost:hover{background:rgba(255,154,61,.14);border-color:#ffb066;transform:translateY(-2px);box-shadow:0 0 26px rgba(255,154,61,.2),inset 0 1px 0 rgba(255,232,205,.14)}.pixel-icon{position:relative;display:block;flex-shrink:0}.pixel-icon i{position:absolute;top:0;left:0;display:block}.pixel-icon--ui{position:relative}.pixel-icon--ui::after,.pixel-icon--ui::before{display:none}.px-box{border:1px solid var(--surface-line);border-radius:12px;background:var(--surface);box-shadow:var(--surface-hi),var(--surface-shadow);position:relative}.px-box::after,.px-box::before{display:none}#stars{position:fixed;inset:0;z-index:0;pointer-events:none}main{position:relative;z-index:1;counter-reset:sec}section{padding:56px 0}h2.sec{margin-bottom:12px;color:var(--cream);font-size:clamp(30px, 3vw, 46px);letter-spacing:-1px;text-shadow:0 8px 30px rgba(5,2,10,.44);text-wrap:balance}.sec-head{counter-increment:sec;margin-bottom:28px;text-align:left}.sec-kicker{display:block;margin-bottom:8px;color:var(--orange);font-size:12px;font-weight:700;letter-spacing:2px;opacity:.85}.sec-kicker::before{content:counter(sec,decimal-leading-zero) " / "}.sec-head .sec{margin-bottom:10px}.sec-head .sec-desc{margin-bottom:0}.hero-disclaimer{font-size:13px;color:var(--dim);text-align:center;margin-top:12px}.page-note{margin:0 0 56px;padding-top:22px;border-top:1px solid rgba(143,121,157,.3);color:var(--dim);font-size:13px;line-height:1.8}.detail-hero{background:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px),radial-gradient(circle at 23% 34%,rgba(255,154,61,.07),transparent 36%),radial-gradient(circle at 78% 48%,rgba(101,72,137,.1),transparent 38%),transparent;background-size:32px 32px,32px 32px,auto,auto,auto;padding:56px 0 80px;position:relative;overflow:hidden}.detail-hero::before{content:"";position:absolute;top:15%;right:10%;width:4px;height:4px;background:rgba(255,154,61,.3);box-shadow:0 0 8px rgba(255,154,61,.4),20px 30px 0 rgba(255,154,61,.25),40px 10px 0 rgba(255,154,61,.15),60px 40px 0 rgba(255,154,61,.2);pointer-events:none}.hero-visual::after{content:"";position:absolute;top:20%;left:-10%;width:6px;height:6px;background:rgba(121,201,135,.4);box-shadow:15px 25px 0 rgba(121,201,135,.3),30px 10px 0 rgba(121,201,135,.25),45px 35px 0 rgba(121,201,135,.2);pointer-events:none}.detail-hero::after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:var(--line)}.breadcrumb{position:relative;margin-bottom:32px;animation:slideInLeft .4s ease-out}.breadcrumb a{color:var(--dim);text-decoration:none;font-size:14px;display:inline-flex;align-items:center;gap:6px;transition:color .2s}.breadcrumb a:hover{color:var(--orange)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}@media (min-width:1001px){.hero-grid{grid-template-columns:minmax(0,1fr) minmax(460px,540px)}.hero-visual{width:100%}}.hero-content{animation:fadeInUp .6s ease-out;position:relative}.course-badge{display:inline-block;padding:6px 14px;margin-bottom:18px;background:rgba(255,154,61,.12);color:var(--orange);font-size:12px;font-weight:700;letter-spacing:1.5px;box-shadow:0 0 0 2px rgba(255,154,61,.4) inset}.hero-title{position:relative;font-size:clamp(32px, 4vw, 52px);font-weight:850;line-height:1.2;margin-bottom:22px;letter-spacing:-1.5px;text-shadow:0 2px 20px rgba(255,170,100,.14),0 2px 8px rgba(8,4,14,.5);background:linear-gradient(135deg,var(--cream),#ffd1a1 60%,var(--orange));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-desc{font-size:16px;line-height:1.8;color:var(--dim);margin-bottom:32px;max-width:640px}.hero-meta{display:flex;gap:28px;margin-bottom:36px;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:12px;padding:14px 18px;background:rgba(53,38,71,.55);border:1px solid rgba(143,121,157,.28);border-radius:var(--radius-soft-lg);transition:all .3s ease;animation:popIn .5s ease-out backwards;position:relative;overflow:hidden}.meta-item:hover{background:rgba(59,41,73,.8);border-color:var(--orange);transform:translateY(-3px);box-shadow:0 4px 14px rgba(5,2,10,.2),0 0 0 1px rgba(255,164,92,.08) inset,0 0 12px rgba(255,164,92,.04)}.meta-item::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(255,154,61,.08),transparent 60%);opacity:0;transition:opacity .3s ease}.meta-item:hover::after{opacity:1}.meta-item:first-child{animation-delay:.1s}.meta-item:nth-child(2){animation-delay:.2s}.meta-item:nth-child(3){animation-delay:.3s}@keyframes popIn{from{opacity:0;transform:translateY(20px) scale(.9)}}.meta-item strong{display:block;font-size:15px;color:var(--cream);margin-bottom:2px}.meta-item span{font-size:11px;color:#8f8299}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.hero-visual{display:flex;flex-direction:column;justify-content:center;align-items:center;animation:floatIn .8s ease-out;position:relative;cursor:pointer;width:100%;max-width:540px}.hero-visual:hover .orbit-decoration{border-color:rgba(255,154,61,.3)}.hero-content::before{content:"";position:absolute;top:-30px;left:-30px;width:6px;height:6px;background:var(--orange);box-shadow:0 0 10px rgba(255,154,61,.6),15px 20px 0 rgba(255,154,61,.3),30px 10px 0 rgba(121,202,135,.3),10px 40px 0 rgba(90,169,230,.3);pointer-events:none}@keyframes floatIn{from{opacity:0;transform:translateY(30px)}}.course-icon-frame{width:100%;max-width:540px;height:480px;display:block;position:relative;overflow:hidden;cursor:pointer;flex-shrink:0;border:1px solid rgba(222,186,200,.2);border-radius:16px;background:radial-gradient(circle at 50% 40%,rgba(255,158,84,.1),transparent 46%),linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(150deg,rgba(72,52,90,.96),rgba(34,24,46,.98));background-size:auto,30px 30px,30px 30px,auto;box-shadow:0 18px 44px rgba(8,4,14,.5),0 0 40px rgba(255,158,84,.07),inset 0 1px 0 rgba(255,232,205,.09);animation:mission-float 3s steps(3) infinite;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}@keyframes mission-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}.course-icon-frame:hover{transform:translateY(-3px);animation:none;border-color:rgba(255,164,92,.45);box-shadow:0 22px 50px rgba(8,4,14,.55),0 0 48px rgba(255,158,84,.12),inset 0 1px 0 rgba(255,232,205,.12)}.course-icon-frame:focus{outline:3px solid var(--soft-orange);outline-offset:4px}.orbit-decoration{position:absolute;border:1px solid rgba(255,154,61,.15);pointer-events:none;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-1{width:120px;height:120px}.orbit-2{width:160px;height:160px}.orbit-3{width:200px;height:200px}.orbit-dot{position:absolute;width:6px;height:6px;background:var(--orange);box-shadow:0 0 8px rgba(255,154,61,.6);top:0;left:50%;transform:translateX(-50%)}.frame-pixels{position:absolute;inset:0;pointer-events:none}.frame-pixel{position:absolute;width:4px;height:4px;background:rgba(255,154,61,.4);box-shadow:0 0 6px rgba(255,154,61,.5)}.frame-pixel:first-child{animation-delay:0s}.frame-pixel:nth-child(2){animation-delay:.5s}.frame-pixel:nth-child(3){animation-delay:1s}.frame-pixel:nth-child(4){animation-delay:1.5s}.course-icon-frame::before{content:"";position:absolute;width:8px;height:8px;background:var(--orange);top:-1px;left:-1px;z-index:8;box-shadow:0 0 12px rgba(255,154,61,.6)}.hero-visual::before{content:"";position:absolute;width:8px;height:8px;background:var(--orange);right:-1px;bottom:-1px;z-index:1}@keyframes wiggle{0%,100%{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.roadmap-section{padding:72px 0;background:rgba(29,21,40,.4);position:relative;overflow:hidden}.roadmap-section::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.01) 0 1px,transparent 1px 40px),repeating-linear-gradient(0deg,rgba(255,255,255,.01) 0 1px,transparent 1px 40px);opacity:.5;pointer-events:none;transition:opacity .3s ease}.roadmap-section:hover::before{opacity:.8}.roadmap-section::after{content:"";position:absolute;top:10%;left:-100px;width:200px;height:200px;background:radial-gradient(circle,rgba(255,154,61,.05),transparent 70%);pointer-events:none}.roadmap{position:relative;padding:32px 0}.roadmap::before{content:"";position:absolute;left:40px;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent,var(--orange) 12%,rgba(132,109,148,.5) 48%,transparent)}.roadmap::after{content:"";position:absolute;left:36px;top:50%;width:9px;height:9px;background:var(--orange);border-radius:1px;box-shadow:0 0 16px rgba(255,154,61,.5);pointer-events:none}.roadmap-item{position:relative;padding-left:100px;margin-bottom:48px;animation:fadeInLeft .6s ease-out backwards}.roadmap-item:first-child{animation-delay:.1s}.roadmap-item:nth-child(2){animation-delay:.2s}.roadmap-item:nth-child(3){animation-delay:.3s}.roadmap-item:nth-child(4){animation-delay:.4s}@keyframes fadeInLeft{from{opacity:0;transform:translateX(-30px)}}@keyframes zoomIn{from{opacity:0;transform:scale(.85)}}@keyframes fadeIn{from{opacity:0}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}}.roadmap-number{position:absolute;left:0;top:0;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:rgba(255,154,61,.07);color:var(--orange);font-size:24px;font-weight:900;border:1px solid rgba(255,154,61,.7);border-radius:8px;box-shadow:0 0 28px rgba(255,154,61,.07),0 0 0 1px rgba(255,154,61,.1) inset;transition:transform .3s ease,box-shadow .3s ease}.roadmap-item:hover .roadmap-number{transform:translateY(-3px);box-shadow:0 0 32px rgba(255,154,61,.14),0 0 0 1px rgba(255,154,61,.18) inset}.roadmap-content{background:var(--surface);border:1px solid var(--surface-line);border-radius:12px;padding:24px;box-shadow:var(--surface-hi),var(--surface-shadow);transition:all .3s ease}.roadmap-item:hover .roadmap-content{border-color:rgba(255,164,92,.45);transform:translateX(8px);box-shadow:0 14px 30px rgba(8,4,14,.46),0 0 30px rgba(255,154,61,.16),inset 0 1px 0 rgba(255,232,205,.1)}.roadmap-content h3{font-size:20px;margin-bottom:8px;color:var(--cream)}.roadmap-duration{display:inline-block;padding:4px 10px;margin-bottom:12px;background:rgba(255,154,61,.05);color:var(--orange);font-size:11px;font-weight:700;letter-spacing:1px;border:1px solid rgba(255,154,61,.28)}.roadmap-content p{font-size:14px;line-height:1.75;color:var(--dim);margin-bottom:14px}.roadmap-skills{display:flex;gap:8px;flex-wrap:wrap}.skill-tag{padding:4px 10px;background:rgba(255,154,61,.05);color:#9f91a8;font-size:12px;border:1px solid rgba(255,154,61,.28);border-radius:4px;transition:all .2s}.skill-tag:hover{background:rgba(255,154,61,.15);color:var(--orange);border-color:var(--orange)}.projects-section{padding:72px 0;position:relative}.projects-section::before{content:"";position:absolute;top:20%;left:3%;width:180px;height:180px;background:radial-gradient(circle,rgba(255,154,61,.05),transparent 70%);pointer-events:none}.projects-section::after{content:"";position:absolute;bottom:10%;right:5%;width:220px;height:220px;background:radial-gradient(circle,rgba(121,201,135,.04),transparent 65%);pointer-events:none}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.project-card{background:var(--surface);border:1px solid var(--surface-line);border-radius:12px;overflow:hidden;box-shadow:var(--surface-hi),var(--surface-shadow);transition:all .4s ease;animation:zoomIn .5s ease-out backwards;position:relative}.project-card:hover{transform:translateY(-4px);border-color:rgba(255,164,92,.45);box-shadow:0 14px 30px rgba(8,4,14,.46),0 0 30px rgba(255,154,61,.16),inset 0 1px 0 rgba(255,232,205,.1)}.project-info{padding:24px}.project-info h3{display:flex;align-items:center;gap:10px;font-size:18px;margin-bottom:10px;color:var(--cream)}.project-info p{font-size:14px;line-height:1.75;color:var(--dim)}.project-sample{margin-top:18px;padding:14px 16px;border-radius:8px;background:#f6ead8;color:#3a2a1f;box-shadow:0 6px 16px rgba(8,4,14,.28)}.sample-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(58,42,31,.18);font-size:13px;font-weight:800}.sample-head em{flex-shrink:0;padding:2px 8px;border:1px solid rgba(58,42,31,.38);border-radius:999px;color:#6b513c;font-size:10px;font-style:normal;font-weight:700}.sample-rows{margin:0}.sample-rows>div{display:flex;gap:10px;padding:5px 0;border-bottom:1px dashed rgba(58,42,31,.2)}.sample-rows>div:last-child{border-bottom:0}.sample-rows dt{flex-shrink:0;width:64px;color:#6b513c;font-size:12px;font-weight:700}.sample-rows dd{margin:0;font-size:12px;line-height:1.6}.gains-section{padding:72px 0;background:rgba(29,21,40,.4)}.gains-box{padding:42px;animation:scaleIn .6s ease-out}@keyframes scaleIn{from{opacity:0;transform:scale(.95)}}.gains-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.gain-item{display:flex;align-items:flex-start;gap:14px;padding:18px;background:var(--surface);border:1px solid var(--surface-line);border-radius:12px;box-shadow:var(--surface-hi),var(--surface-shadow);transition:all .3s ease;animation:fadeIn .5s ease-out backwards}.gain-item:hover{background:linear-gradient(165deg,rgba(72,54,90,.92),rgba(48,36,62,.96));border-color:rgba(255,164,92,.45);transform:translateY(-4px);box-shadow:0 10px 24px rgba(8,4,14,.42),0 0 22px rgba(255,154,61,.12)}.gain-item .pixel-icon{flex-shrink:0}.gain-item .gain-index{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin-top:2px;border-radius:8px;border:1px solid var(--surface-line);background:linear-gradient(160deg,rgba(255,154,61,.28),rgba(255,154,61,.08));color:var(--orange);font-size:14px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1}.gain-item strong{display:block;font-size:15px;color:var(--cream);margin-bottom:4px}.gain-item span{font-size:13px;color:var(--dim);line-height:1.6}.fitcheck-section{padding:72px 0}.fitcheck-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.fit-col{padding:26px;border:1px solid var(--surface-line);border-radius:12px;background:var(--surface);box-shadow:var(--surface-hi),var(--surface-shadow)}.fit-col-title{margin-bottom:16px;color:var(--cream);font-size:17px}.fit-col--no .fit-col-title{color:var(--dim)}.fit-list{list-style:none;display:flex;flex-direction:column;gap:12px}.fit-list li{position:relative;padding-left:30px;color:var(--dim);font-size:14px;line-height:1.7}.fit-list li::before{content:"";position:absolute;left:0;top:3px;width:16px;height:16px;border:1px solid rgba(255,164,92,.55);border-radius:4px;background:rgba(255,154,61,.07)}.fit-col--no .fit-list li::before{border-color:rgba(143,121,157,.5);background:rgba(143,121,157,.08)}@media (max-width:1000px){.hero-grid{grid-template-columns:1fr;gap:40px}.hero-visual{order:-1;max-width:100%}.course-icon-frame{max-width:100%;height:420px}.fitcheck-grid{grid-template-columns:1fr;gap:20px}.projects-grid{grid-template-columns:1fr}.gains-grid{grid-template-columns:1fr}.menu-btn{display:inline-flex;min-height:44px}.nav-links{position:absolute;top:calc(100% + 1px);right:20px;left:20px;display:none;padding:10px;flex-direction:column;align-items:stretch;gap:4px;border:1px solid var(--line);border-radius:8px!important;background:rgba(33,24,45,.98);box-shadow:0 14px 30px rgba(5,2,9,.5);z-index:100}.nav-links.open{display:flex}.nav-links a{padding:12px 14px;width:100%;min-height:44px}}@media (max-width:640px){.wrap{padding:0 20px}nav{height:64px;max-height:64px}.nav-in{height:100%;min-height:0;max-height:none;padding:0 12px;gap:8px}.logo{gap:8px;min-width:0}.logo .brand-mark{width:36px;height:36px}.logo b{font-size:15px;white-space:nowrap}.logo small{display:none}.menu-btn,.nav-cta{white-space:nowrap;flex-shrink:0;min-height:36px;padding:6px 10px;font-size:12px}.detail-hero{padding:32px 0 48px}.hero-title{font-size:30px;margin-bottom:18px}.hero-desc{font-size:15px;margin-bottom:26px}.hero-meta{flex-direction:column;gap:12px;margin-bottom:28px}.meta-item{width:100%;padding:12px 16px}.hero-actions{flex-direction:column;gap:12px}.hero-actions .px-btn{width:100%;padding:12px 18px}.course-icon-frame{height:340px}.roadmap::before{left:20px}.roadmap-item{padding-left:70px;margin-bottom:36px}.roadmap-number{width:56px;height:56px;font-size:18px}.roadmap-content{padding:20px}.roadmap-content h3{font-size:18px}.gains-box{padding:14px}.gain-item{padding:14px}h2.sec{font-size:28px;margin-bottom:14px}.sec-desc{font-size:14px;margin-bottom:28px}body{overflow-x:hidden}*{max-width:100%}}.course-scene{--scene-accent:#7db8c4;position:absolute;inset:0;pointer-events:none;z-index:1;background:0 0;overflow:hidden}.sky-scene{--scene-accent:#7db8c4}.ocean-scene{--scene-accent:#6f9fd0}.forest-scene{--scene-accent:#8fc49a}.desert-scene{--scene-accent:#ffba55}.moon-scene{--scene-accent:#a690b8}.course-scene>*{z-index:1}.meta-item .pixel-icon{filter:drop-shadow(0 4px 6px rgba(0, 0, 0, .3));transition:transform .3s ease}.meta-item:hover .pixel-icon{transform:scale(1.1) rotate(-5deg);animation:wiggle .6s ease-in-out}.hero-title::after{content:"";position:absolute;bottom:-8px;left:0;width:60px;height:4px;background:linear-gradient(90deg,var(--orange),transparent);animation:expand-line 1s ease-out}@keyframes expand-line{from{width:0}to{width:60px}}.hero-actions .px-btn{position:relative;overflow:hidden}.hero-actions .px-btn::before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.2);transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease}.hero-actions .px-btn:hover::before{width:300px;height:300px}.breadcrumb::before{content:"◀";position:absolute;left:-20px;color:var(--orange)}.meta-item::before{content:"";position:absolute;top:8px;right:8px;width:4px;height:4px;background:var(--orange);box-shadow:0 0 6px rgba(255,154,61,.6),-8px 0 0 rgba(255,154,61,.3),0 -8px 0 rgba(255,154,61,.3);z-index:1}.spawned-element{--spawn-opacity:.76;--spawn-shadow:rgba(22, 27, 48, .3);opacity:var(--spawn-opacity);filter:saturate(.72) contrast(.92) drop-shadow(3px 4px 0 var(--spawn-shadow));animation:spawn-in .36s steps(4,end);image-rendering:pixelated}.spawned-element>i{animation:spawned-drift 2.4s ease-in-out .36s infinite alternate}.spawned-element--sky{--spawn-opacity:.92;filter:drop-shadow(0 0 6px rgba(125, 184, 196, .32))}.spawned-element--ocean{--spawn-opacity:.92;filter:drop-shadow(0 0 6px rgba(111, 159, 208, .32))}.spawned-element--forest{--spawn-opacity:.92;filter:drop-shadow(0 0 6px rgba(143, 196, 154, .32))}.spawned-element--desert{--spawn-opacity:.94;filter:drop-shadow(0 0 6px rgba(255, 186, 85, .32))}.spawned-element--moon{--spawn-opacity:.92;filter:drop-shadow(0 0 6px rgba(166, 144, 184, .32))}@keyframes spawn-in{0%{opacity:0;transform:translate(-50%,-50%) translateY(8px) scale(.72)}60%{opacity:var(--spawn-opacity);transform:translate(-50%,-50%) translateY(-2px) scale(1.04)}100%{opacity:var(--spawn-opacity);transform:translate(-50%,-50%) scale(1)}}@keyframes spawned-drift{from{transform:translateY(0)}to{transform:translateY(-5px)}}.spawned-element.fading-out{animation:fade-out .5s ease-out forwards}@keyframes fade-out{0%{opacity:var(--spawn-opacity);transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) translateY(-6px) scale(.82)}}@media (prefers-reduced-motion:reduce){.spawned-element{animation:spawn-in-simple .3s ease-out}.spawned-element>i{animation:none}@keyframes spawn-in-simple{0%{opacity:0}100%{opacity:var(--spawn-opacity)}}.spawned-element.fading-out{animation:fade-out-simple .3s ease-out forwards}@keyframes fade-out-simple{0%{opacity:1}100%{opacity:0}}.spawned-element,.spawned-element.fading-out{transform:translate(-50%,-50%)!important}}.scene-statusbar{position:absolute;z-index:7;top:18px;left:22px;right:22px;display:flex;align-items:center;justify-content:space-between;gap:14px;color:#9f91a8;font-family:monospace;font-size:11px;font-weight:700;letter-spacing:1px;pointer-events:none;text-shadow:0 1px 8px rgba(12,8,18,.85)}.scene-online{display:inline-flex;align-items:center;gap:8px;color:var(--green)}.scene-online::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 11px currentColor}.scene-flow{position:absolute;z-index:7;left:50%;bottom:18px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:8px;color:#8e8198;font-size:10px;white-space:nowrap;pointer-events:none}.scene-flow span{padding:4px 8px;border:1px solid rgba(136,116,150,.25);background:rgba(12,8,18,.34);color:#8f8299;font-size:11px}.scene-flow span.active{border-color:rgba(255,154,61,.52);color:var(--orange)}.scene-flow i{width:12px;height:1px;background:rgba(143,121,157,.45)}.map-card-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:24px;margin-bottom:22px;color:#8f8299;font-family:monospace;font-size:10px;font-weight:700;letter-spacing:1.25px}.map-status{display:inline-flex;align-items:center;gap:7px;color:var(--green)}.map-status::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}.faq-answer{transition:max-height .15s ease-out!important}.nav-links{transition:none!important}}.learning-scenes-section{padding:72px 0;background:rgba(18,13,26,.42)}.learning-scenes-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:36px}.scene-card{min-width:0;padding:28px;border:1px solid var(--surface-line);border-radius:12px;background:var(--surface);box-shadow:var(--surface-hi),var(--surface-shadow);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.scene-card:hover{transform:translateY(-4px);border-color:rgba(255,164,92,.45);box-shadow:0 14px 30px rgba(8,4,14,.46),0 0 30px rgba(255,154,61,.14),inset 0 1px 0 rgba(255,232,205,.1)}.scene-icon{min-height:88px;display:flex;align-items:center;margin-bottom:18px}.scene-title{margin:0 0 10px;color:var(--cream);font-size:18px;line-height:1.45}.scene-desc{margin:0;color:var(--dim);font-size:14px;line-height:1.8}@media (max-width:1000px){.learning-scenes-track{grid-template-columns:1fr}.scene-card{min-height:0}}@media (max-width:640px){.gains-section,.projects-section,.roadmap-section{padding:56px 0}.comparison-section,.faq-section,.fitcheck-section,.learning-scenes-section{padding:48px 0}.fit-col{padding:18px}.project-info{padding:18px}.scene-statusbar{top:14px;left:16px;right:16px;font-size:9px;letter-spacing:.8px}.scene-flow{bottom:12px;gap:4px;font-size:8px}.scene-flow span{padding:4px 5px}.scene-flow i{width:6px}.map-card-top{margin-bottom:17px;font-size:9px}.scene-card{padding:22px}}