@import "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{color:#173b4d;font-synthesis:none;text-rendering:optimizelegibility;--ink:#173b4d;--ink-soft:#34576a;--paper:#fffaf0;--paper-strong:#fffdf7;--paper-deep:#f7efe0;--sage:#3f7659;--sage-soft:#dfead4;--apricot:#d9773f;--apricot-soft:#f8dfc6;--purple:#6f5ca8;--purple-soft:#ebe5f7;--danger:#a34338;--danger-soft:#f6ddd7;--line:#173b4d2e;--shadow:8px 9px 0 #173b4df5;--card-radius:30px;--control-radius:18px;--section-gap:24px;background:#fffaf0;font-family:Plus Jakarta Sans,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 8% 8%,#f8dfc6f2,#0000 24rem),radial-gradient(circle at 92% 12%,#dfead4eb,#0000 24rem),linear-gradient(#fff9ef 0%,#f9f0e0 52%,#fffaf1 100%);margin:0}body:before,body:after{pointer-events:none;content:"";width:100%;position:fixed;left:0}body:before{background:#173b4d3d;height:1px;top:0}body:after{opacity:.9;background:radial-gradient(90% 120px at 12% 0,#173b4d14,#0000 60%),radial-gradient(110% 110px at 50% 0,#173b4d0d,#0000 62%),radial-gradient(85% 110px at 88% 0,#173b4d12,#0000 58%);height:160px;bottom:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:4px solid #6f5ca857}a{color:inherit}p,h1,h2,h3,h4{margin:0}ul,ol,dl{margin:0;padding:0}li{list-style:none}.page-shell{width:min(1200px,100% - 32px);margin:0 auto;padding:24px 0 80px;position:relative}.page-shell>*+*{margin-top:var(--section-gap)}.story-card{border:2px solid var(--ink);border-radius:var(--card-radius);background:linear-gradient(180deg, #ffffffb8, #fffdf7fa), var(--paper-strong);box-shadow:var(--shadow);position:relative;overflow:hidden}.story-card__header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.story-card h2,.story-card h3,.course-evidence h2,.hero-panel h1{font-family:Noto Serif SC,Georgia,serif}.story-card h2{font-size:clamp(1.5rem,3vw,2rem);line-height:1.28}.story-card__title{margin-top:10px;font-size:clamp(1.8rem,4vw,2.55rem);line-height:1.16}.story-card__lead{max-width:680px;color:var(--ink-soft);margin-top:12px;font-size:1.05rem;line-height:1.7}.button-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.button{border:2px solid var(--ink);border-radius:var(--control-radius);cursor:pointer;justify-content:center;align-items:center;min-height:48px;padding:11px 20px;font-size:1rem;font-weight:800;line-height:1.2;text-decoration:none;transition:transform .18s,background-color .18s,color .18s,border-color .18s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:not-allowed;color:#173b4d85;box-shadow:none;background:#173b4d14;border-color:#173b4d3d}.button--primary{background:var(--apricot);color:var(--paper-strong)}.button--secondary{color:var(--ink);background:0 0}.button--web3{background:var(--purple);color:var(--paper-strong)}.button--ghost{color:var(--ink);background:#173b4d0f}.button--danger{color:var(--danger);background:#a343380f;border-color:#a3433857}.status-pill{border:2px solid;border-radius:999px;justify-content:center;align-items:center;min-height:36px;padding:6px 14px;font-size:.94rem;font-weight:800;line-height:1.2;display:inline-flex}.status-pill--success{background:var(--sage-soft);color:var(--sage)}.status-pill--warning{background:var(--apricot-soft);color:var(--apricot)}.status-pill--danger{background:var(--danger-soft);color:var(--danger)}.status-pill--web3{background:var(--purple-soft);color:var(--purple)}.status-pill--neutral{color:var(--ink);background:#173b4d14}.helper-copy{color:var(--ink-soft);font-size:1rem;line-height:1.72}.privacy-warning,.transaction-panel,.disclaimer-banner{border:2px solid #173b4d24;border-radius:20px;padding:16px 18px;font-size:1rem;line-height:1.7}.privacy-warning{background:var(--apricot-soft)}.disclaimer-banner{color:var(--ink);background:#6f5ca81a}.transaction-panel{background:var(--sage-soft);margin-top:20px}.transaction-panel--error{background:var(--danger-soft);color:#702e28}.transaction-panel p{margin-bottom:12px}.explorer-link{color:var(--purple);text-underline-offset:4px;margin-top:18px;font-weight:800;text-decoration-thickness:2px;display:inline-flex}.brand-lockup{align-items:center;gap:18px;display:flex}.brand-mark{flex:none;width:clamp(68px,8vw,88px);height:clamp(68px,8vw,88px)}.brand-mark svg{width:100%;height:100%;display:block}.hero-panel{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:30px;padding:clamp(24px,4vw,40px);display:grid}.hero-panel__copy{z-index:1;position:relative}.hero-panel__eyebrow{color:var(--sage);letter-spacing:.08em;text-transform:uppercase;font-size:.94rem;font-weight:800}.hero-panel h1{letter-spacing:-.04em;margin-top:8px;font-size:clamp(2.45rem,6vw,4.65rem);line-height:.98}.hero-panel__lead{max-width:620px;margin-top:20px;font-size:clamp(1.12rem,2vw,1.35rem);line-height:1.8}.hero-panel__value{background:var(--apricot-soft);border:2px solid #d9773f4d;border-radius:999px;margin-top:22px;padding:12px 18px;font-size:1rem;font-weight:700;line-height:1.6;display:inline-flex}.hero-panel__chips{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.hero-panel__chips li{background:#fffdf7c7;border:2px solid #173b4d24;border-radius:999px;padding:9px 14px;font-size:.95rem;font-weight:700}.hero-showcase{border-radius:calc(var(--card-radius) - 6px);background:radial-gradient(circle at 50% 22%, #f8dfc68c, transparent 34%), radial-gradient(circle at 18% 78%, #dfead480, transparent 26%), var(--paper-deep);border:2px dashed #173b4d29;flex-direction:column;justify-content:center;padding:14px;display:flex;position:relative}.hero-showcase__buddy{place-items:center;padding:10px 10px 0;display:grid}.hero-stage-trail{gap:10px;margin-top:8px;padding:14px 10px 8px;display:grid}.hero-stage-trail li{background:#ffffffad;border-radius:18px;align-items:center;gap:12px;padding:10px 14px;font-size:.96rem;font-weight:700;display:flex}.hero-stage-trail__dot{background:linear-gradient(#fff3aa,#f0b35b);border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 4px #d9773f1f}.safety-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.safety-card{padding:24px}.safety-card__icon{width:56px;height:56px;color:var(--ink);background:#173b4d0f;border-radius:18px;place-items:center;margin-bottom:18px;display:inline-grid}.safety-card__icon svg{stroke:currentColor;stroke-width:2.2px;width:28px;height:28px}.safety-card strong{font-size:1.18rem;display:block}.safety-card p{color:var(--ink-soft);margin-top:10px;font-size:1rem;line-height:1.72}.wallet-panel,.growth-panel,.transfer-panel,.notebook-panel{padding:clamp(24px,4vw,36px)}.wallet-shell,.transfer-shell,.notebook-shell,.growth-shell,.course-evidence__shell{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.wallet-summary,.wallet-support,.growth-stage-card,.growth-summary-card,.transfer-summary,.transfer-form-card,.note-form-card,.course-evidence__card{background:#fff9;border:2px solid #173b4d1f;border-radius:24px;padding:22px}.wallet-summary p,.wallet-support p,.transfer-summary p,.note-form-card p{color:var(--ink-soft);margin-top:12px;font-size:1rem;line-height:1.72}.wallet-address{word-break:break-all;margin-top:14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(1.2rem,2vw,1.45rem);font-weight:800}.wallet-support__title{color:var(--ink);font-weight:800}.wallet-support__list{gap:10px;margin-top:12px;display:grid}.wallet-support__list li{color:var(--ink-soft);padding-left:18px;font-size:1rem;line-height:1.68;position:relative}.wallet-support__list li:before,.course-evidence__list li:before{background:var(--apricot);content:"";border-radius:999px;width:8px;height:8px;position:absolute;top:.58em;left:0}.wallet-facts{gap:14px;display:grid}.wallet-facts div{border-top:1px solid #173b4d24;grid-template-columns:96px minmax(0,1fr);gap:12px;padding-top:14px;display:grid}.wallet-facts div:first-child{border-top:none;padding-top:0}.wallet-facts dt{font-weight:800}.wallet-facts dd{min-width:0;color:var(--ink-soft);word-break:break-word;margin:0}.growth-stage-card{background:radial-gradient(circle at 50% 24%,#f8dfc67a,#0000 34%),radial-gradient(circle at 50% 90%,#dfead45c,#0000 30%),#fffdf7e6;flex-direction:column;justify-content:center;align-items:center;display:flex}.growth-stage-card__label{margin-top:8px;font-size:1rem;font-weight:800}.growth-summary-card{gap:18px;display:grid}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.metric-tile{background:#ffffffa8;border:2px solid #173b4d24;border-radius:22px;padding:18px}.metric-tile--warm{background:#f8dfc673}.metric-tile__label{color:var(--ink-soft);font-size:.94rem;font-weight:800;line-height:1.4}.metric-tile__value{margin-top:6px;font-family:Noto Serif SC,Georgia,serif;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.15}.metric-tile__value--compact{font-size:clamp(1.25rem,2.2vw,1.55rem);line-height:1.45}.progress-track{border:2px solid var(--ink);background:#173b4d14;border-radius:999px;height:20px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--sage), #86bb67, #f2be70);height:100%;display:block}.activity-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.activity-card{background:#ffffffa3;border:2px solid #173b4d24;border-radius:24px;flex-direction:column;min-width:0;padding:22px;display:flex}.activity-card--available{background:#f8dfc661}.activity-card--cooldown,.activity-card--muted,.activity-card--loading{background:#dfead46b}.activity-card--pending{background:#6f5ca814}.activity-card--error{background:#f6ddd7d1}.activity-card__topline{justify-content:space-between;align-items:center;gap:12px;display:flex}.activity-card__icon{width:58px;height:58px;color:var(--ink);background:#fffdf7cc;border-radius:18px;place-items:center;display:inline-grid}.activity-card__icon svg{stroke:currentColor;stroke-width:2.2px;fill:none;width:32px;height:32px}.activity-card__reward{color:var(--apricot);background:#ffffffc2;border-radius:999px;padding:8px 12px;font-size:.92rem;font-weight:800}.activity-card h4{margin-top:18px;font-family:Noto Serif SC,Georgia,serif;font-size:1.35rem;line-height:1.4}.activity-card__description,.activity-card__status{font-size:1rem;line-height:1.72}.activity-card__description{color:var(--ink-soft);margin-top:10px}.activity-card__status{margin-top:14px;font-weight:700}.activity-card__actions{margin-top:auto;padding-top:18px}.transfer-form-card,.note-form-card{align-content:start;gap:16px;display:grid}.field-group{min-width:0}.field-label{margin-bottom:8px;font-size:1rem;font-weight:800;display:block}input,textarea{width:100%;color:var(--ink);background:#ffffffdb;border:2px solid #173b4d2e;border-radius:18px}input{min-height:52px;padding:12px 16px}textarea{resize:vertical;min-height:170px;padding:16px;line-height:1.7}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:#a34338a8}.transfer-form__submit{width:100%}.chain-note{background:#ffffff7a;border:2px dashed #173b4d2e;border-radius:22px;margin-top:16px;padding:18px}.chain-note span{font-size:.96rem;font-weight:800}.chain-note p{word-break:break-word;white-space:pre-wrap;margin-top:10px}.byte-count{text-align:right;font-size:.94rem;font-weight:800}.byte-count--error{color:var(--danger)}.course-evidence{padding-bottom:12px}.course-evidence__shell{padding:clamp(24px,4vw,34px)}.course-evidence h2{font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.16}.course-evidence__list{gap:14px;margin-top:18px;display:grid}.course-evidence__list li{padding-left:18px;font-size:1rem;line-height:1.78;position:relative}.course-evidence__card{background:linear-gradient(180deg, #f8dfc685, #ffffffb8), var(--paper-strong);align-self:start}.course-evidence__card-title{font-family:Noto Serif SC,Georgia,serif;font-size:1.25rem}.course-evidence__card p:last-child{color:var(--ink-soft);margin-top:12px;font-size:1rem;line-height:1.72}.star-buddy{text-align:center;width:min(100%,340px);margin:0;position:relative}.star-buddy__halo{filter:blur(12px);background:radial-gradient(circle at 50% 45%,#fff3aad1,#0000 40%),radial-gradient(circle at 18% 72%,#f8dfc68f,#0000 22%),radial-gradient(circle at 86% 22%,#dfead494,#0000 20%);border-radius:999px;height:62%;position:absolute;inset:14% 12% auto}.star-buddy svg{width:100%;display:block;position:relative;overflow:visible}.star-buddy figcaption{background:#ffffffc2;border:2px solid #173b4d1f;border-radius:999px;margin-top:8px;padding:8px 16px;font-size:.98rem;font-weight:800;display:inline-flex}.star-buddy--star svg{filter:drop-shadow(0 0 24px #6f5ca82e)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (width<=920px){.hero-panel,.wallet-shell,.transfer-shell,.notebook-shell,.growth-shell,.course-evidence__shell,.safety-grid,.activity-grid,.metric-grid{grid-template-columns:1fr}}@media (width<=640px){.page-shell{width:min(100% - 24px,1200px);padding-top:16px}.story-card{border-radius:24px;box-shadow:6px 7px #173b4de6}.story-card__header{flex-direction:column}.hero-panel,.wallet-panel,.growth-panel,.transfer-panel,.notebook-panel,.course-evidence__shell,.safety-card{padding:20px}.hero-panel__value,.button,.transfer-form__submit,.button-row{width:100%}.button-row .button{flex:100%}.wallet-facts div{grid-template-columns:1fr;gap:6px}}@media (prefers-reduced-motion:no-preference){.star-buddy,.star-buddy__halo,.hero-stage-trail li{animation:6s ease-in-out infinite gentle-float}.hero-stage-trail li:nth-child(2){animation-delay:.4s}.hero-stage-trail li:nth-child(3){animation-delay:.8s}.hero-stage-trail li:nth-child(4){animation-delay:1.2s}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important;animation-iteration-count:1!important}}@keyframes gentle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}