@import "https://fonts.googleapis.com/css2?family=Lora:wght@500;600;700&family=Nunito+Sans:wght@400;600;700;800&display=swap";:root{--bg:#eaf5ff;--paper:#fff;--primary:#2d8bd8;--ink:#18324a;--muted:#617789;--line:#c8e4f7;--pastel-pink:#f8b9d4;--pastel-lilac:#d9ccff;--pastel-mint:#c8f3e4;--pastel-yellow:#fff1b8;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Nunito Sans,Lora,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,a{font:inherit;color:inherit}button{cursor:pointer;border:0}a{text-decoration:none}.app-shell{isolation:isolate;background:linear-gradient(115deg,#f8b9d46b,#0000 34%),linear-gradient(235deg,#c8f3e494,#0000 38%),linear-gradient(#eaf5ff 0%,#d9efff 46%,#fdf7ff 100%);min-height:100vh;position:relative;overflow:hidden}.rain-notebook-stage{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.rain-window-blue{object-fit:cover;opacity:.92;width:100vw;height:100vh;position:absolute;inset:0}.notebook-spread-frame{opacity:.42;filter:drop-shadow(0 32px 46px #2d8bd83d);width:min(78vw,980px);position:absolute;bottom:-8vh;right:-8vw}.blue-pen-set{opacity:.78;width:min(42vw,560px);position:absolute;bottom:8vh;left:-7vw}.paper-float-particles{object-fit:cover;opacity:.9;width:100vw;height:100vh;position:absolute;inset:0}.index-tabs-labels{opacity:.74;width:min(34vw,430px);position:absolute;top:12vh;right:4vw}.rain-layer{position:absolute;inset:-120px 0 0}.rain-slide{background:linear-gradient(#0000,#ffffffeb,#2d8bd86b);border-radius:999px;width:3px;animation-name:rain-slide;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;top:-140px;box-shadow:0 0 12px #ffffffb8}.glass-sparkles b{width:7px;height:7px;box-shadow:0 0 16px #fff, 0 0 28px var(--pastel-pink);background:#fff;border-radius:50%;animation:3.2s ease-in-out infinite sparkle-twinkle;position:absolute}.rain-breathe{animation:9s ease-in-out infinite rain-breathe}.page-turn{transform-origin:50% 100%;animation:7.4s ease-in-out infinite page-turn}.paper-float{animation:8s ease-in-out infinite paper-float}.ink-glow{animation:4.8s ease-in-out infinite ink-glow}.sparkle-twinkle{animation:4.2s ease-in-out infinite sparkle-twinkle}.site-header{z-index:12;grid-template-columns:minmax(220px,1fr) auto minmax(140px,.35fr);align-items:center;gap:14px;width:min(1180px,100% - 32px);margin:0 auto;padding:14px 0;display:grid;position:sticky;top:0}.brand-mark,.route-tabs,.signature-action{color:var(--ink);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffad;border:1px solid #ffffffc7;border-radius:12px;box-shadow:0 16px 44px #2d8bd82e,inset 0 1px #fffffff5}.brand-mark{text-align:left;align-items:center;gap:10px;width:fit-content;padding:9px 12px;display:inline-flex}.brand-mark strong,.brand-mark small{display:block}.brand-mark strong{font-family:Lora,serif;font-size:1.08rem}.brand-mark small{color:var(--muted);font-size:.78rem;font-weight:800}.brand-seal{background:linear-gradient(135deg, var(--pastel-pink), #fff, var(--pastel-mint));width:40px;height:40px;color:var(--primary);border-radius:12px;place-items:center;display:grid;box-shadow:0 0 22px #f8b9d47a}.route-tabs{gap:6px;padding:6px;display:flex}.route-tab{min-height:42px;color:var(--muted);background:0 0;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-weight:800;display:flex}.route-tab span{width:28px;height:28px;color:var(--primary);background:#eaf5ff;border-radius:8px;place-items:center;font-size:.76rem;display:grid}.route-tab.active,.route-tab:hover{color:var(--ink);background:#fff1f7}.signature-action{background:linear-gradient(135deg,#f8b9d4,#fff1b8);justify-self:end;align-items:center;gap:8px;min-height:48px;padding:0 16px;font-weight:900;display:inline-flex}.route-stage{z-index:2;perspective:1200px;width:min(1180px,100% - 32px);margin:0 auto;padding:62px 0 112px;position:relative}h1,h2,h3{letter-spacing:0;color:var(--ink);margin:0;font-family:Lora,serif}h1{text-shadow:0 4px #ffffffb3;max-width:900px;font-size:clamp(3rem,8vw,7.6rem);line-height:.92}h2{font-size:clamp(1.6rem,3vw,2.7rem);line-height:1.08}h3{font-size:1.22rem;line-height:1.2}p{color:var(--muted);font-size:1.06rem;line-height:1.72}.soft-badge{color:#2d6f9f;background:linear-gradient(135deg,#fff,#ffe6f2);border:1px solid #ffffffdb;border-radius:999px;align-items:center;gap:8px;width:fit-content;min-height:36px;padding:8px 13px;font-weight:900;display:inline-flex;box-shadow:0 12px 28px #2d8bd824}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(340px,.92fr);align-items:center;gap:24px;display:grid}.hero-copy{gap:20px;padding-top:clamp(18px,4vw,48px);display:grid}.hero-lead,.page-heading p{color:#285875;max-width:760px;font-size:clamp(1.18rem,2vw,1.48rem)}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.ink-button{background:linear-gradient(135deg, var(--primary), #8ec5f2);color:#fff;border-radius:12px;align-items:center;gap:10px;min-height:52px;padding:0 18px;font-weight:900;display:inline-flex;box-shadow:0 18px 40px #2d8bd842}.ink-button-soft{background:linear-gradient(135deg, var(--pastel-pink), var(--pastel-yellow));color:var(--ink)}.open-notebook-hero{place-items:center;min-height:520px;display:grid;position:relative}.open-notebook-hero>img:first-child{filter:drop-shadow(0 26px 34px #2d8bd833);width:118%;max-width:760px}.notebook-title-page{width:34%;position:absolute;top:25%;left:14%;transform:rotate(-2deg)}.notebook-title-page span{color:var(--primary);text-transform:uppercase;font-size:.86rem;font-weight:900}.notebook-title-page h2{margin:10px 0;font-size:clamp(1.15rem,2vw,1.95rem)}.notebook-title-page p{margin:0;font-size:.96rem}.hero-avatar-sticker{aspect-ratio:1;object-fit:cover;border:8px solid #ffffffe6;border-radius:18px;width:min(35%,220px);position:absolute;top:30%;right:11%;transform:rotate(3deg);box-shadow:0 18px 32px #2d8bd833,0 0 0 1px #2d8bd81f}.ink-icon-strip{width:42%;animation:5s ease-in-out infinite ink-glow;position:absolute;bottom:23%;right:8%}.notebook-card,.index-tab-card,.margin-note,.entry-summary-strip,.challenge-note,.thanks-panel,.signature-stage,.notebook-section{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(90deg,#f8b9d429 0 1px,#0000 1px 100%),repeating-linear-gradient(#c8e4f780 0 1px,#0000 1px 34px),#ffffffc7;border:1px solid #ffffffd1;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 22px 58px #2d8bd829,inset 0 1px #fffffff0}.notebook-card{gap:9px;min-height:172px;padding:22px;display:grid}.notebook-card svg,.index-tab-card svg,.thanks-panel svg,.challenge-note svg{color:var(--primary);filter:drop-shadow(0 0 12px #2d8bd838)}.notebook-card span{color:var(--muted);text-transform:uppercase;font-size:.82rem;font-weight:900}.notebook-card strong{color:var(--ink);font-size:1.12rem}.fact-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:30px;display:grid}.notebook-section{margin-top:24px;padding:28px}.two-column-section{grid-template-columns:minmax(0,1fr) minmax(260px,.65fr);align-items:center;gap:18px;display:grid}.margin-note{padding:18px;transform:rotate(-1.2deg)}.margin-note svg{color:#e86d82}.margin-note strong{color:var(--ink);font-family:Lora,serif;display:block}.margin-note p{margin:6px 0 0;font-size:.98rem}.margin-note-mint{background:linear-gradient(135deg,#c8f3e4db,#ffffffc7)}.margin-note-lilac{background:linear-gradient(135deg,#d9ccffd1,#ffffffc7)}.margin-note-pink{background:linear-gradient(135deg,#f8b9d4d1,#fffc)}.index-tab-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}.index-tab-card{min-height:220px;padding:20px}.index-tab-card:before{content:"";background:var(--pastel-pink);border-radius:0 0 10px 10px;width:74px;height:38px;position:absolute;top:0;right:18px}.index-tab-card:nth-child(2):before{background:var(--pastel-mint)}.index-tab-card:nth-child(3):before{background:var(--pastel-lilac)}.index-tab-card:nth-child(4):before{background:var(--pastel-yellow)}.index-tab-card span{color:var(--primary);text-transform:uppercase;font-size:.82rem;font-weight:900}.index-tab-card h3{margin:26px 0 14px}.index-tab-card div{flex-wrap:wrap;gap:8px;display:flex}.index-tab-card em{color:#2d6f9f;background:#eaf5ff;border-radius:999px;padding:7px 10px;font-size:.9rem;font-style:normal;font-weight:800}.page-heading{gap:16px;margin-bottom:26px;display:grid}.project-note-row{grid-template-columns:minmax(220px,.75fr) minmax(260px,1fr) minmax(220px,.75fr);align-items:stretch;gap:16px;margin-bottom:20px;display:grid}.entry-summary-strip{text-align:center;background:linear-gradient(135deg,#ffffffd1,#eaf5ffbd);place-items:center;min-height:220px;padding:22px;display:grid}.entry-summary-strip strong{font-family:Lora,serif;font-size:2rem}.entry-summary-strip span{color:var(--muted);font-weight:800}.entry-summary-strip img{opacity:.72;width:80%;max-width:260px}.entry-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.entry-card{align-content:start;min-height:500px}.entry-card-art{opacity:.22;pointer-events:none;width:82%;position:absolute;bottom:-34px;right:-54px}.entry-card>:not(.entry-card-art){z-index:1;position:relative}.entry-topline{justify-content:space-between;gap:10px;margin-bottom:14px;display:flex}.entry-topline span,.entry-topline strong{min-height:34px;color:var(--ink);background:#fff1f7;border-radius:999px;align-items:center;padding:6px 10px;font-size:.84rem;font-weight:900;display:inline-flex}.entry-card a{color:var(--primary);align-items:center;gap:7px;margin-top:auto;font-weight:900;display:inline-flex}.closing-strip{background:linear-gradient(135deg,#c8f3e4bf,#fff1b8b8);justify-content:space-between;align-items:center;gap:18px;display:flex}.closing-strip h2{font-size:clamp(1.3rem,2vw,2rem)}.signature-layout{grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);align-items:stretch;gap:18px;display:grid}.signature-stage{background:linear-gradient(135deg,#ffe6f2d6,#eaf5ffc7);place-items:center;min-height:560px;display:grid}.writing-object{place-items:center;width:min(86%,520px);min-height:340px;display:grid;position:relative}.writing-object img:first-child{filter:drop-shadow(0 22px 28px #2d8bd82e);width:100%}.signature-check-art{width:82%;margin-top:-90px}.signature-stamp{opacity:.4;width:min(52%,360px);position:absolute;bottom:32px;right:26px}.summary-stack{gap:14px;display:grid}.challenge-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px;display:grid}.challenge-note{background:linear-gradient(135deg,#d9ccffbd,#ffffffc7);min-height:190px;padding:22px}.thanks-panel{background:linear-gradient(135deg,#fff1b8d1,#f8b9d4a3,#ffffffc7);margin-top:20px;padding:28px}.floating-sparkle{animation:3s ease-in-out infinite sparkle-twinkle;position:absolute;top:24px;right:24px}@keyframes rain-slide{0%{opacity:0;transform:translateY(-140px)}12%{opacity:.95}86%{opacity:.72}to{opacity:0;transform:translate(-22px,118vh)}}@keyframes rain-breathe{0%,to{filter:saturate();transform:scale(1)}50%{filter:saturate(1.16);transform:scale(1.025)}}@keyframes page-turn{0%,to{transform:rotate(-1deg)translateY(0)}50%{transform:rotate(1.4deg)translateY(-14px)}}@keyframes paper-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-22px)rotate(1deg)}}@keyframes ink-glow{0%,to{filter:drop-shadow(0 16px 22px #2d8bd833)}50%{filter:drop-shadow(0 22px 34px #f8b9d485)}}@keyframes sparkle-twinkle{0%,to{opacity:.45;transform:scale(.82)rotate(0)}50%{opacity:1;transform:scale(1.18)rotate(8deg)}}@media (width<=980px){.site-header{grid-template-columns:1fr}.brand-mark,.route-tabs,.signature-action{justify-content:center;justify-self:stretch;width:100%}.hero-grid,.two-column-section,.project-note-row,.signature-layout{grid-template-columns:1fr}.fact-grid,.index-tab-grid,.entry-grid,.challenge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.open-notebook-hero{min-height:430px}}@media (width<=640px){.route-stage{width:min(100% - 22px,1180px);padding:34px 0 86px}h1{font-size:clamp(2.55rem,16vw,4.2rem)}.route-tabs{justify-content:start;overflow-x:auto}.route-tab{flex:none}.fact-grid,.index-tab-grid,.entry-grid,.challenge-grid{grid-template-columns:1fr}.notebook-card,.notebook-section,.entry-summary-strip,.challenge-note,.thanks-panel{padding:20px}.open-notebook-hero{min-height:340px}.notebook-title-page{width:42%;top:22%;left:9%}.notebook-title-page p{display:none}.hero-avatar-sticker{border-width:5px;border-radius:12px;width:28%;top:24%;right:11%}.rain-slide:nth-child(n+18){display:none}.index-tabs-labels{opacity:.48;width:74vw}.notebook-spread-frame{opacity:.3;width:120vw}.blue-pen-set{opacity:.5;width:86vw}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}