:root{--cream: #fff7ee;--cream-2: #fff1e2;--paper: #ffffff;--ink: #2c2540;--ink-soft: #5a5172;--ink-faint: #8a82a0;--sun: #ff8a3d;--sun-deep: #f4661f;--coral: #ff5d73;--plasma: #e64aa8;--grape: #7c5cfc;--sky: #36a9e1;--teal: #18b6a4;--lime: #57c785;--line: #f0e2d2;--line-2: #ead9c4;--grad-warm: linear-gradient(120deg, #ff8a3d 0%, #ff5d73 45%, #e64aa8 100%);--grad-cool: linear-gradient(120deg, #7c5cfc 0%, #36a9e1 100%);--grad-sun: radial-gradient(circle at 30% 30%, #ffd36b, #ff8a3d 55%, #f4661f 100%);--shadow-sm: 0 2px 8px rgba(120, 80, 40, .08);--shadow: 0 10px 30px rgba(120, 70, 40, .1);--shadow-lg: 0 22px 50px rgba(120, 60, 30, .16);--radius: 14px;--radius-lg: 22px;--radius-xl: 30px;--maxw: 1120px;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-head: "Poppins", var(--font-body)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);color:var(--ink);background:var(--cream);line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--font-head);line-height:1.15;margin:0 0 .4em;font-weight:700;letter-spacing:-.01em}h1{font-size:clamp(2.2rem,5vw,3.6rem)}h2{font-size:clamp(1.6rem,3.5vw,2.4rem)}h3{font-size:1.2rem}p{margin:0 0 1rem}a{color:var(--sun-deep);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:22px}.section{padding:clamp(3rem,7vw,5.5rem) 0}.eyebrow{display:inline-block;font-family:var(--font-head);font-weight:600;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--plasma);margin-bottom:.6rem}.lead{font-size:1.15rem;color:var(--ink-soft);max-width:60ch}.center{text-align:center}.center .lead{margin-inline:auto}.btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-head);font-weight:600;font-size:1rem;padding:.8rem 1.5rem;border-radius:999px;border:2px solid transparent;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .2s ease;text-decoration:none}.btn:hover{text-decoration:none;transform:translateY(-2px)}.btn-primary{background:var(--grad-warm);color:#fff;box-shadow:var(--shadow)}.btn-primary:hover{box-shadow:var(--shadow-lg)}.btn-ghost{background:var(--paper);color:var(--ink);border-color:var(--line-2);box-shadow:var(--shadow-sm)}.btn-ghost:hover{border-color:var(--sun);color:var(--sun-deep)}.nav{position:sticky;top:0;z-index:50;background:#fff7eed1;backdrop-filter:saturate(160%) blur(12px);border-bottom:1px solid var(--line)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:68px}.brand{display:flex;align-items:center;gap:.6rem;font-family:var(--font-head);font-weight:700;font-size:1.08rem;color:var(--ink)}.brand:hover{text-decoration:none}.brand .sun-badge{width:34px;height:34px;border-radius:50%;background:var(--grad-sun);box-shadow:0 0 0 4px #ff8a3d2e,var(--shadow-sm);flex:none}.nav-links{display:flex;align-items:center;gap:.4rem}.nav-links a{font-family:var(--font-head);font-weight:500;font-size:.95rem;color:var(--ink-soft);padding:.45rem .8rem;border-radius:999px}.nav-links a:hover{color:var(--ink);background:var(--cream-2);text-decoration:none}.nav-links a.active{color:var(--sun-deep);background:#fff;box-shadow:var(--shadow-sm)}.nav-toggle{display:none;background:none;border:0;cursor:pointer;font-size:1.6rem;color:var(--ink)}@media(max-width:820px){.nav-toggle{display:block}.nav-links{position:absolute;top:68px;left:0;right:0;flex-direction:column;align-items:stretch;gap:.2rem;background:var(--cream);border-bottom:1px solid var(--line);padding:.8rem 22px 1.2rem;display:none}.nav-links.open{display:flex}}.grid{display:grid;gap:1.2rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:1.4rem;box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;height:100%;display:flex;flex-direction:column}a.card{color:inherit}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--line-2);text-decoration:none}.card h3{margin-bottom:.3rem}.card .by{font-size:.85rem;color:var(--ink-faint);margin-bottom:.6rem}.card p{font-size:.95rem;color:var(--ink-soft);margin-bottom:.9rem}.card .card-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.chip{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-head);font-weight:600;font-size:.72rem;letter-spacing:.02em;padding:.28rem .7rem;border-radius:999px;background:var(--cream-2);color:var(--ink-soft);border:1px solid var(--line)}.chip.level-Newcomer{background:#e8f8ef;color:#1f8f56;border-color:#cdeedd}.chip.level-Student{background:#e9f3ff;color:#2374c4;border-color:#d3e6fb}.chip.level-Advanced{background:#f3edff;color:#6b46e0;border-color:#e4d8ff}.tag-pill{font-size:.72rem;color:var(--sun-deep);font-weight:700;font-family:var(--font-head);text-transform:uppercase;letter-spacing:.06em}.go{font-family:var(--font-head);font-weight:600;font-size:.85rem;color:var(--sun-deep)}.card:hover .go{text-decoration:underline}.filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.6rem}.filter-btn{font-family:var(--font-head);font-weight:500;font-size:.88rem;padding:.45rem 1rem;border-radius:999px;border:1.5px solid var(--line-2);background:var(--paper);color:var(--ink-soft);cursor:pointer;transition:all .15s ease}.filter-btn:hover{border-color:var(--sun);color:var(--sun-deep)}.filter-btn.active{background:var(--grad-warm);color:#fff;border-color:transparent;box-shadow:var(--shadow-sm)}.is-hidden{display:none!important}.hero{position:relative;overflow:hidden;padding:clamp(3rem,8vw,6rem) 0 clamp(3rem,7vw,5rem)}.hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(40% 50% at 78% 18%,rgba(230,74,168,.18),transparent 70%),radial-gradient(42% 55% at 12% 80%,rgba(124,92,252,.16),transparent 70%),radial-gradient(50% 60% at 50% 0%,rgba(255,138,61,.14),transparent 70%)}.hero .wrap{position:relative;z-index:1}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:2.5rem;align-items:center}@media(max-width:880px){.hero-grid{grid-template-columns:1fr}}.hero h1 .grad{background:var(--grad-warm);-webkit-background-clip:text;background-clip:text;color:transparent}.hero .lead{font-size:1.25rem;margin-bottom:1.6rem}.hero-cta{display:flex;flex-wrap:wrap;gap:.8rem}.hero-stats{display:flex;gap:1.8rem;margin-top:2.2rem;flex-wrap:wrap}.hero-stats .stat strong{font-family:var(--font-head);font-size:1.7rem;color:var(--ink);display:block;line-height:1}.hero-stats .stat span{font-size:.85rem;color:var(--ink-faint)}.faq-list{display:grid;gap:.7rem;max-width:820px;margin-inline:auto}.faq-item{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.05rem 1.4rem;font-family:var(--font-head);font-weight:600;font-size:1.08rem;color:var(--ink)}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-size:1.5rem;line-height:1;color:var(--sun-deep);flex:none}.faq-item[open] summary:after{content:"−"}.faq-item summary:hover{color:var(--sun-deep)}.faq-item p{margin:0;padding:0 1.4rem 1.2rem;color:var(--ink-soft)}.star-art{position:relative;aspect-ratio:1;max-width:420px;margin-inline:auto;width:100%}.fusion-glow{position:absolute;inset:16%;border-radius:50%;background:radial-gradient(circle,rgba(255,211,107,.38),rgba(255,138,61,.12) 55%,transparent 72%);animation:pulse 6s ease-in-out infinite}.atom{position:absolute;top:50%;width:42%;aspect-ratio:1}.atom-d{left:2%;transform:translateY(-50%);animation:driftD 6s ease-in-out infinite}.atom-t{right:2%;transform:translateY(-50%);animation:driftT 6s ease-in-out infinite}.e-ring{position:absolute;inset:0;border-radius:50%;border:2px dashed rgba(124,92,252,.42);animation:spin 16s linear infinite}.atom-t .e-ring{border-color:#36a9e170;animation-duration:20s;animation-direction:reverse}.electron{position:absolute;top:-7px;left:50%;margin-left:-6px;width:12px;height:12px;border-radius:50%;background:var(--grape);box-shadow:0 0 12px var(--grape)}.atom-t .electron{background:var(--sky);box-shadow:0 0 12px var(--sky)}.nucleus{position:absolute;top:50%;left:50%;width:46px;height:46px;transform:translate(-50%,-50%)}.nucleon{position:absolute;width:21px;height:21px;border-radius:50%}.proton{background:radial-gradient(circle at 34% 30%,#ffd877,#ff8a3d 58%,#f4661f);box-shadow:0 0 12px #f4661f8c}.neutron{background:radial-gradient(circle at 34% 30%,#d9e1ef,#8b94a9 60%,#5b6376);box-shadow:0 0 9px #5b637666}.atom-d .nucleon:nth-child(1){left:3px;top:12px}.atom-d .nucleon:nth-child(2){left:22px;top:12px}.atom-t .nucleon:nth-child(1){left:13px;top:2px}.atom-t .nucleon:nth-child(2){left:2px;top:23px}.atom-t .nucleon:nth-child(3){left:24px;top:23px}.atom-label{position:absolute;top:62%;left:50%;transform:translate(-50%);font-family:var(--font-head);font-weight:700;font-size:.95rem;color:var(--ink-soft)}.fusion-flash{position:absolute;top:50%;left:50%;width:24%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,245,214,.95),rgba(255,138,61,.6) 45%,transparent 70%);animation:flash 6s ease-in-out infinite}.neutron-out{position:absolute;top:50%;left:50%;width:13px;height:13px;border-radius:50%;opacity:0;background:radial-gradient(circle at 34% 30%,#d9e1ef,#8b94a9 60%,#5b6376);box-shadow:0 0 10px #5b637680;animation:neutronOut 6s ease-in-out infinite}.helium{position:absolute;top:50%;left:50%;width:44px;height:44px;opacity:0;transform:translate(-50%,-50%);animation:heliumOut 6s ease-in-out infinite}.helium .nucleon:nth-child(1){left:2px;top:2px}.helium .nucleon:nth-child(2){left:21px;top:2px}.helium .nucleon:nth-child(3){left:2px;top:21px}.helium .nucleon:nth-child(4){left:21px;top:21px}.fusion-eq{margin:1rem auto 0;max-width:420px;text-align:center;font-family:var(--font-head);font-weight:600;font-size:1.05rem;color:var(--ink-soft);letter-spacing:.01em}.fusion-eq .iso-d{color:var(--sun-deep)}.fusion-eq .iso-t{color:var(--sky)}.fusion-eq .iso-he{color:var(--plasma)}.fusion-eq .iso-n{color:var(--ink-faint)}.fusion-eq .eq-energy{color:var(--ink-faint);font-weight:500}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes driftD{0%{transform:translateY(-50%) translate(0);opacity:1}42%{transform:translateY(-50%) translate(14%);opacity:1}54%{transform:translateY(-50%) translate(14%);opacity:0}84%{transform:translateY(-50%) translate(0);opacity:0}to{transform:translateY(-50%) translate(0);opacity:1}}@keyframes driftT{0%{transform:translateY(-50%) translate(0);opacity:1}42%{transform:translateY(-50%) translate(-14%);opacity:1}54%{transform:translateY(-50%) translate(-14%);opacity:0}84%{transform:translateY(-50%) translate(0);opacity:0}to{transform:translateY(-50%) translate(0);opacity:1}}@keyframes flash{0%,38%,to{opacity:.2;transform:translate(-50%,-50%) scale(.6)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}}@keyframes neutronOut{0%,48%{opacity:0;transform:translate(-50%,-50%)}56%{opacity:1}82%,to{opacity:0;transform:translate(180%,-260%)}}@keyframes heliumOut{0%,48%{opacity:0;transform:translate(-50%,-50%) scale(.5)}56%{opacity:1;transform:translate(-50%,-50%) scale(1)}74%{opacity:1;transform:translate(-78%,-28%) scale(1)}90%,to{opacity:0;transform:translate(-92%,-16%) scale(.9)}}@media(prefers-reduced-motion:reduce){.e-ring,.fusion-glow,.atom-d,.atom-t,.fusion-flash,.neutron-out,.helium{animation:none}html{scroll-behavior:auto}}.section-head{max-width:64ch;margin-bottom:2rem}.section-head.center{margin-inline:auto}.path-card{position:relative;overflow:hidden}.path-card .emoji{font-size:2rem;margin-bottom:.6rem}.path-card:after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;opacity:.12;background:var(--grad-warm)}.banner{background:var(--grad-cool);color:#fff;border-radius:var(--radius-xl);padding:clamp(2rem,5vw,3.2rem);text-align:center;box-shadow:var(--shadow)}.banner h2{color:#fff}.banner p{color:#ffffffe6;max-width:56ch;margin-inline:auto}.banner .btn-ghost{background:#fff;color:var(--grape)}.region{margin-bottom:2.6rem}.region-title{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem}.region-title .flag{font-size:1.4rem}.region-title .count{font-size:.8rem;color:var(--ink-faint);font-weight:500;font-family:var(--font-head)}.list-row{display:flex;gap:.9rem;align-items:flex-start;padding:1rem 1.1rem;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:border-color .15s ease,transform .15s ease}.list-row:hover{border-color:var(--sun);transform:translate(3px);text-decoration:none}.list-row .flag{font-size:1.3rem;flex:none}.list-row .row-body{min-width:0}.list-row .row-name{font-family:var(--font-head);font-weight:600;color:var(--ink)}.list-row .row-note{font-size:.85rem;color:var(--ink-soft)}.list-row .row-country{font-size:.75rem;color:var(--ink-faint)}.footer{background:var(--ink);color:#d9d2ec;padding:3rem 0 2rem;margin-top:2rem}.footer a{color:#f0b894}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2rem;margin-bottom:2rem}@media(max-width:700px){.footer-grid{grid-template-columns:1fr}}.footer h4{color:#fff;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase}.footer ul{list-style:none;padding:0;margin:0}.footer li{margin-bottom:.4rem}.footer .brand{color:#fff;margin-bottom:.6rem}.footer-note{border-top:1px solid rgba(255,255,255,.12);padding-top:1.2rem;font-size:.82rem;color:#a89fc2}.callout{background:var(--cream-2);border:1px dashed var(--line-2);border-radius:var(--radius-lg);padding:1.4rem 1.6rem}.note-pill{display:inline-block;background:#fff;border:1px solid var(--line);border-radius:999px;padding:.3rem .9rem;font-size:.8rem;color:var(--ink-soft);box-shadow:var(--shadow-sm)}.prose{max-width:70ch}.prose h2{margin-top:2rem}.prose ul{padding-left:1.2rem}.prose li{margin-bottom:.5rem;color:var(--ink-soft)}