:root{--brand:#B0162E;--brand-h:#8E1224;--ink:#141414;--ink-s:#4A4A4A;--ink-m:#7A7A7A;--bg:#FFFEFB;--card:#FFFFFF;--border:#F0EBE2;--pt:#FD6102;--ss:#3D6BFF;--adhd:#5A0FE0;--cc:#c4f5e2;--pc:#1E8A44;--peers:#3D6BFF;--display:"Fredoka","Noto Sans SC",system-ui,sans-serif;--hand:"Kalam","Fredoka",cursive;--sans:"Plus Jakarta Sans","Noto Sans SC",system-ui,sans-serif;--ease:cubic-bezier(.16,1,.3,1);--shadow-sm:0 2px 8px rgba(20,20,20,.06);--shadow-md:0 12px 32px rgba(20,20,20,.12);--shadow-lg:0 24px 60px rgba(20,20,20,.16);--desk:#F3EEE6;--paper:#FFFEFB;--tape:rgba(235,228,214,.75);--line:rgba(176,22,46,.13);--squiggle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 12' preserveAspectRatio='none'%3E%3Cpath d='M1 7 Q 12 2 25 6 T 50 6 T 75 6 T 99 6' fill='none' stroke='%23FD6102' stroke-width='3.4' stroke-linecap='round' opacity='.6'/%3E%3C/svg%3E")}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}section[id]{scroll-margin-top:96px}body{font-family:var(--sans);background:var(--desk);color:var(--ink);line-height:1.7;font-size:15px;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--display);font-weight:600;line-height:1.15;letter-spacing:-.01em;text-wrap:balance}p{text-wrap:pretty}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}.nav{position:sticky;top:0;z-index:100;background:#fffefbeb;backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:14px 40px;display:flex;align-items:center;justify-content:space-between;transition:padding .3s,box-shadow .3s}.nav.scrolled{padding:8px 40px;box-shadow:var(--shadow-sm)}.nav-l{display:flex;align-items:center}.nav-logo{height:48px;width:auto;transition:height .3s}.nav.scrolled .nav-logo{height:36px}.nav-mid{display:flex;gap:2px;list-style:none}.nav-mid a{color:var(--ink-s);font-size:13px;font-weight:600;padding:7px 13px;border-radius:9999px;transition:color .2s,background .2s}.nav-mid a:hover,.nav-mid a.active{color:var(--brand);background:#b0162e12}.nav-dd{position:relative}.nav-dd-menu{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid var(--border);border-radius:16px;padding:8px;min-width:230px;box-shadow:var(--shadow-md);z-index:200}.nav-dd:hover .nav-dd-menu{display:block}.nav-dd-menu a{display:block;padding:10px 14px;font-size:13px;color:var(--ink-s);white-space:nowrap;border-radius:10px}.nav-dd-menu a:hover{color:var(--brand);background:#b0162e12}.nav-sub-wrap{position:relative}.nav-sub-wrap:hover .nav-sub-menu{display:block}.nav-sub-trigger{display:block;padding:10px 14px;font-size:13px;color:var(--ink-s);white-space:nowrap;cursor:pointer;border-radius:10px}.nav-sub-trigger:hover{color:var(--brand);background:#b0162e12}.nav-sub-menu{display:none;position:absolute;left:100%;top:0;background:#fff;border:1px solid var(--border);border-radius:16px;padding:8px;min-width:220px;box-shadow:var(--shadow-md);z-index:200}.nav-sub-menu a{display:block;padding:10px 14px;font-size:13px;color:var(--ink-s);white-space:nowrap;border-radius:10px}.nav-sub-menu a:hover{color:var(--brand);background:#b0162e12}.nav-r{display:flex;align-items:center;gap:12px}.lang-sw{display:flex;background:#f3eee6;border-radius:9999px;padding:3px;gap:2px}.lang-sw a{display:inline-block;padding:5px 14px;font-size:12px;font-weight:700;color:#666;border-radius:9999px;line-height:1.4;transition:background .2s,color .2s}.lang-sw a.on{background:#fff;color:var(--brand);box-shadow:var(--shadow-sm)}.nav-cta{background:var(--brand);color:#fff;font-size:13px;font-weight:700;padding:9px 18px;border-radius:9999px;transition:background .2s,transform .2s}.nav-cta:hover{background:var(--brand-h);transform:translateY(-1px)}@media(max-width:900px){.nav{padding:12px 20px}.nav-mid{display:none}}.notebook{position:relative;max-width:980px;margin:46px auto 64px;background-color:var(--paper);background-image:repeating-linear-gradient(transparent,transparent 30px,rgba(120,110,100,.06) 30px,rgba(120,110,100,.06) 31px);border-radius:4px;box-shadow:0 1px #ffffffb3 inset,0 2px 5px #5a463212,0 30px 60px #5a463229;padding:64px 58px 72px}.notebook:before{content:"";position:absolute;left:40px;top:0;bottom:0;width:1px;background:var(--line)}.holes{position:absolute;left:-10px;top:0;bottom:0;display:flex;flex-direction:column;justify-content:space-evenly;padding:30px 0}.holes i{width:15px;height:15px;border-radius:50%;background:var(--desk);box-shadow:inset 0 2px 3px #0000003d,0 1px #ffffff80}@media(max-width:860px){.notebook{margin:24px 14px 48px;padding:44px 24px 56px;background-image:none}.notebook:before,.holes{display:none}}.kicker{display:inline-block;font-family:var(--hand);font-size:15px;font-weight:700;letter-spacing:.04em;color:#fff;background:var(--brand);padding:4px 13px 6px;border-radius:3px;transform:rotate(-2deg);box-shadow:0 2px 5px #b0162e47}.tape{position:absolute;width:86px;height:26px;background:var(--tape);backdrop-filter:blur(1px);box-shadow:0 1px 2px #0000000d;opacity:.96;z-index:3;clip-path:polygon(3% 0,96% 5%,100% 52%,95% 100%,4% 95%,0 46%)}.tape.tl{top:-13px;left:-22px;transform:rotate(-42deg)}.tape.tr{top:-13px;right:-22px;transform:rotate(41deg)}.page-hero{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center;padding-bottom:44px;border-bottom:2px dashed rgba(176,22,46,.16)}.page-hero h1{font-family:var(--hand);font-size:clamp(2.6rem,5.4vw,4rem);font-weight:700;color:var(--ink);line-height:1.02;margin:20px 0 18px;transform:rotate(-1.4deg);letter-spacing:0}.page-hero h1 .accent{color:var(--brand);position:relative;display:inline-block}.page-hero h1 .accent:after{content:"";position:absolute;left:-6px;bottom:-2px;height:16px;width:0;background:var(--squiggle) no-repeat;background-size:100% 100%;z-index:-1;--uw: calc(100% + 12px) ;animation:drawU .75s var(--ease) .9s forwards}.page-hero .sub{font-size:clamp(1rem,1.3vw,1.15rem);color:var(--ink-s);line-height:1.85;max-width:50ch}.tagline{margin-top:26px;font-family:var(--hand);font-size:clamp(1.3rem,1.9vw,1.65rem);font-weight:700;line-height:1.42;color:var(--brand);max-width:46ch}.tagline .mark{background:none;padding:0;color:inherit;position:relative}.tagline .mark:after{content:"";position:absolute;left:-2px;bottom:-4px;height:12px;width:0;background:var(--squiggle) no-repeat;background-size:100% 100%;opacity:.9;--uw: calc(100% + 4px) ;animation:drawU .75s var(--ease) 1.2s forwards}.polaroid{position:relative;background:#fff;padding:13px 13px 16px;box-shadow:0 3px 7px #00000017,0 18px 38px #00000026;transform:rotate(2.8deg);justify-self:center;width:100%;max-width:400px;transition:transform .5s var(--ease)}.polaroid:hover{transform:rotate(0) scale(1.02)}.polaroid img{width:100%;aspect-ratio:4/4.3;object-fit:cover;object-position:center 25%}@media(max-width:820px){.page-hero{grid-template-columns:1fr;gap:36px}.polaroid{max-width:340px}}.note-sec{position:relative;padding:44px 0;border-bottom:2px dashed rgba(176,22,46,.13)}.note-sec:last-of-type{border-bottom:none}.note-head{display:flex;align-items:center;gap:16px;margin-bottom:16px;flex-wrap:wrap}.note-head .kicker{flex-shrink:0}.note-head h2{font-size:clamp(1.6rem,3.2vw,2.3rem);color:var(--ink);transform:rotate(-.6deg)}.note-sec p{font-size:15.5px;color:var(--ink-s);line-height:1.85;max-width:66ch}.diary{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-top:28px}.dpage{position:relative;background-color:#f4f1ea;background-image:repeating-linear-gradient(transparent,transparent 27px,rgba(120,110,100,.07) 27px,rgba(120,110,100,.07) 28px);border:1px solid #DDD5C6;padding:36px 30px 42px;box-shadow:0 3px 6px #5a463214,0 14px 30px #5a463221;transform:rotate(-1.7deg);transition:transform .4s var(--ease)}.dpage.r{transform:rotate(1.9deg)}.dpage:hover{transform:rotate(0)}.dpage .d-tape{position:absolute;top:-13px;left:50%;transform:translate(-50%) rotate(-3deg);width:74px;height:24px;background:var(--tape);backdrop-filter:blur(1px);box-shadow:0 1px 2px #0000000d;clip-path:polygon(3% 0,96% 5%,100% 52%,95% 100%,4% 95%,0 46%)}.dpage h3{font-family:var(--hand);font-size:21px;font-weight:700;color:var(--brand);text-align:center;margin-bottom:14px;transform:rotate(-.6deg)}.dpage .d-rule{display:block;width:38px;height:2px;background:var(--brand);margin:0 auto 20px;opacity:.45;border-radius:2px}.dpage p{font-size:14px;line-height:1.95;color:var(--ink);margin-bottom:14px;text-align:left}.dpage p:first-of-type:first-letter{float:left;font-family:var(--display);font-size:46px;line-height:.82;font-weight:700;padding:5px 9px 0 0;color:var(--brand)}.dpage .pnum{position:absolute;bottom:13px;right:17px;font-family:var(--hand);font-size:15px;color:var(--ink-m)}.dpage.l .pnum{right:auto;left:17px}@media(max-width:760px){.diary{grid-template-columns:1fr}.dpage,.dpage.r{transform:rotate(0)}}.cert-section{position:relative;padding:6px 0 2px;max-width:1000px;margin:24px auto 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px}.cert-wrap{overflow:hidden;flex:0 0 814px}.cert-track{display:flex;gap:16px;transition:transform .6s cubic-bezier(.25,.1,.25,1);padding:16px 0}.cert-card{position:relative;flex:0 0 150px;background:#fff;border:1px solid #DDD5C6;padding:10px 10px 12px;box-shadow:0 2px 5px #3c2a1414,0 10px 22px #3c2a141f;transform:rotate(-1.4deg);transition:opacity .4s,transform .4s,box-shadow .4s;opacity:.5}.cert-card:nth-child(2n){transform:rotate(1.5deg)}.cert-card.active{opacity:1;transform:rotate(0) scale(1.06);box-shadow:0 6px 12px #3c2a141f,0 18px 36px #3c2a1433;z-index:1}.cert-card:before{content:"";position:absolute;top:-11px;left:50%;transform:translate(-50%) rotate(-2deg);width:56px;height:19px;background:var(--tape);box-shadow:0 1px 2px #0000000f;z-index:2;clip-path:polygon(3% 0,96% 5%,100% 52%,95% 100%,4% 95%,0 46%)}.cert-card-img{height:84px;background:var(--paper);display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #E4DECF}.cert-card-img img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.cert-card-body{padding:8px 4px 2px;text-align:center}.cert-card h4{font-size:10px;font-weight:700;margin-bottom:2px;font-family:var(--sans)}.cert-card p{font-size:9px;color:var(--ink-s);line-height:1.35}.cert-arrow{flex-shrink:0;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--border);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--ink-m);transition:border-color .2s,color .2s,transform .2s;z-index:1}.cert-arrow:hover{border-color:var(--brand);color:var(--brand);transform:scale(1.1)}.cert-dots-wrap{display:flex;justify-content:center;gap:6px;padding-top:12px;flex-basis:100%;order:5}.cert-dot{position:relative;width:24px;height:24px;border-radius:50%;background:transparent;border:none;cursor:pointer;transition:background .2s;display:inline-flex;align-items:center;justify-content:center;padding:0}.cert-dot:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--border);transition:background .2s;flex-shrink:0}.cert-dot.active:before{background:var(--brand)}.notes{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:28px}.note{position:relative;padding:28px 18px 22px;background:var(--note-bg);box-shadow:0 2px 5px #3c2a1414,0 12px 26px #3c2a1421;border-radius:2px;transform:rotate(var(--rot,0deg));text-align:center;transition:transform .3s var(--ease),box-shadow .3s}.note:hover{transform:rotate(0) translateY(-4px);box-shadow:0 6px 12px #3c2a141f,0 18px 36px #3c2a1430}.note:before{content:"";position:absolute;top:-12px;left:50%;transform:translate(-50%) rotate(-2deg);width:62px;height:21px;background:var(--tape);box-shadow:0 1px 2px #0000000f;clip-path:polygon(3% 0,96% 5%,100% 52%,95% 100%,4% 95%,0 46%)}.note .n-name{font-family:var(--hand);font-size:18px;font-weight:700;color:var(--ink);line-height:1.35}.note:nth-child(1){--note-bg:#FFE2D0;--rot:-1.6deg}.note:nth-child(2){--note-bg:#D2EEE2;--rot:1.3deg}.note:nth-child(3){--note-bg:#D2EEE2;--rot:-.8deg}.note:nth-child(4){--note-bg:#D2EEE2;--rot:1.7deg}.note:nth-child(5){--note-bg:#DAE2FA;--rot:-1.4deg}.note:nth-child(6){--note-bg:#E4D9F4;--rot:.9deg}@media(max-width:820px){.notes{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.notes{grid-template-columns:1fr}}.cta-sec{background:var(--brand);position:relative;overflow:hidden}.cta-sec:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:#ffffff14;top:-160px;right:-120px}.cta-sec:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:#ffffff0f;bottom:-120px;left:-80px}.cta-block{position:relative;z-index:1;text-align:center;max-width:680px;margin:0 auto;padding:88px 40px}.cta-block .lead{font-family:var(--hand);color:#fff;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.2;margin-bottom:14px}.cta-block .sub{color:#ffffffe0;font-size:16px;margin-bottom:14px;line-height:1.7}.cta-block .invite{color:#ffffffd9;font-size:15.5px;margin-bottom:30px;line-height:1.7}.btn{display:inline-flex;align-items:center;gap:8px;padding:15px 30px;border-radius:9999px;font-family:var(--sans);font-weight:700;font-size:14px;cursor:pointer;border:none;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .2s}.btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.btn-w{background:#fff;color:var(--brand)}.btn-w:hover{background:#fff;transform:translateY(-3px)}.footer{background:#1b0a0e;color:#fff;padding:56px 40px 28px}.footer-inner{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}.footer h4{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;margin-bottom:14px;opacity:.45}.footer h4 a{color:inherit}.footer a{display:block;color:#fff9;font-size:13px;margin-bottom:7px;transition:color .25s,transform .25s}.footer a:hover{color:#fff;transform:translate(4px)}.footer .brand-n{font-family:var(--display);font-weight:700;font-size:20px;margin-bottom:8px}.footer .brand-d{font-size:13px;opacity:.5;line-height:1.7}.footer-bot{max-width:1120px;margin:36px auto 0;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;font-size:12px;opacity:.6}@media(max-width:820px){.footer-inner{grid-template-columns:1fr 1fr}.footer-bot{flex-direction:column;gap:6px}}.page-hero>div:first-child{opacity:0;transform:translateY(22px);animation:heroIn .7s var(--ease) .05s forwards}.polaroid{opacity:0;transform:translateY(22px);animation:heroIn .7s var(--ease) .3s forwards}@keyframes heroIn{to{opacity:1;transform:none}}.kicker{animation:floaty 4.5s ease-in-out infinite}@keyframes floaty{0%,to{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(-2deg) translateY(-4px)}}.diary .dpage,.notes .note{opacity:0;transform:translateY(26px);transition:opacity .55s var(--ease),transform .55s var(--ease)}.diary.in .dpage.l{opacity:1;transform:rotate(-1.7deg);transition-delay:.05s}.diary.in .dpage.r{opacity:1;transform:rotate(1.9deg);transition-delay:.2s}.notes.in .note{opacity:1;transform:rotate(var(--rot));animation:breathe 6s ease-in-out infinite}.notes.in .note:nth-child(1){transition-delay:.04s}.notes.in .note:nth-child(2){transition-delay:.1s}.notes.in .note:nth-child(3){transition-delay:.16s}.notes.in .note:nth-child(4){transition-delay:.22s}.notes.in .note:nth-child(5){transition-delay:.28s}.notes.in .note:nth-child(6){transition-delay:.34s}@keyframes breathe{0%,to{transform:rotate(var(--rot)) scale(1)}50%{transform:rotate(var(--rot)) scale(1.02)}}.notes.in .note:hover{animation:none;transform:rotate(0) translateY(-6px) scale(1.03)}@keyframes drawU{to{width:var(--uw)}}@media(prefers-reduced-motion:reduce){.diary .dpage,.notes .note{opacity:1;transform:none;transition:none}.page-hero h1 .accent:after,.tagline .mark:after{animation:none;width:var(--uw)}}.note:hover{transform:rotate(0) translateY(-6px) scale(1.03);box-shadow:0 8px 14px #50403021,0 20px 40px #50403033}@media(prefers-reduced-motion:reduce){.kicker{animation:none}.page-hero>div:first-child,.polaroid{opacity:1;transform:none;animation:none}}.rv{opacity:0;transform:translateY(22px);transition:opacity .6s var(--ease),transform .6s var(--ease)}.rv.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}.home-hint{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) translate(14px);opacity:0;display:inline-flex;align-items:center;gap:6px;font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--brand);background:#fff;border:1.5px solid rgba(176,22,46,.22);padding:7px 15px;border-radius:9999px;box-shadow:0 4px 14px #b0162e29;transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1);pointer-events:none;white-space:nowrap}.home-hint svg{width:16px;height:16px;fill:none;stroke:var(--brand);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.nav-l .nav-logo{transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1)}.nav-l:hover .nav-logo{opacity:0;transform:translate(10px)}.nav-l:hover .home-hint{opacity:1;transform:translate(-50%,-50%)}.progress-bar{position:fixed;top:0;left:0;right:0;height:2.5px;background:var(--brand);transform-origin:left;transform:scaleX(0);z-index:300;pointer-events:none}.holes{display:none}.notebook{-webkit-mask-image:radial-gradient(13px 11px at -2px 24px,transparent 0 66%,#000 71%),radial-gradient(12px 12.5px at 1px 66px,transparent 0 68%,#000 73%),radial-gradient(13.5px 10.5px at -1px 112px,transparent 0 70%,#000 75%),radial-gradient(12px 13px at 2px 158px,transparent 0 66%,#000 71%),radial-gradient(14px 11px at -3px 206px,transparent 0 68%,#000 73%),radial-gradient(12.5px 12px at 0px 252px,transparent 0 70%,#000 75%),radial-gradient(13px 11.5px at 1px 298px,transparent 0 66%,#000 71%),radial-gradient(12.5px 10.5px at -1px 346px,transparent 0 68%,#000 73%);-webkit-mask-size:100% 344px;-webkit-mask-repeat:repeat-y;mask-image:radial-gradient(13px 11px at -2px 24px,transparent 0 66%,#000 71%),radial-gradient(12px 12.5px at 1px 66px,transparent 0 68%,#000 73%),radial-gradient(13.5px 10.5px at -1px 112px,transparent 0 70%,#000 75%),radial-gradient(12px 13px at 2px 158px,transparent 0 66%,#000 71%),radial-gradient(14px 11px at -3px 206px,transparent 0 68%,#000 73%),radial-gradient(12.5px 12px at 0px 252px,transparent 0 70%,#000 75%),radial-gradient(13px 11.5px at 1px 298px,transparent 0 66%,#000 71%),radial-gradient(12.5px 10.5px at -1px 346px,transparent 0 68%,#000 73%);mask-size:100% 344px;mask-repeat:repeat-y}.notebook:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:4px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.045'/%3E%3C/svg%3E");mix-blend-mode:multiply}.torn{position:absolute;left:0;top:0;bottom:0;width:30px;z-index:2;pointer-events:none;background:radial-gradient(13px 11px at -2px 24px,rgba(70,55,40,.28) 58%,rgba(70,55,40,.1) 72%,transparent 76%),radial-gradient(12px 12.5px at 1px 66px,rgba(70,55,40,.29) 59%,rgba(70,55,40,.11) 73%,transparent 77%),radial-gradient(13.5px 10.5px at -1px 112px,rgba(70,55,40,.3) 60%,rgba(70,55,40,.1) 72%,transparent 78%),radial-gradient(12px 13px at 2px 158px,rgba(70,55,40,.31) 58%,rgba(70,55,40,.11) 73%,transparent 76%),radial-gradient(14px 11px at -3px 206px,rgba(70,55,40,.28) 59%,rgba(70,55,40,.1) 72%,transparent 77%),radial-gradient(12.5px 12px at 0px 252px,rgba(70,55,40,.29) 60%,rgba(70,55,40,.11) 73%,transparent 78%),radial-gradient(13px 11.5px at 1px 298px,rgba(70,55,40,.3) 58%,rgba(70,55,40,.1) 72%,transparent 76%),radial-gradient(12.5px 10.5px at -1px 346px,rgba(70,55,40,.31) 59%,rgba(70,55,40,.11) 73%,transparent 77%);background-size:100% 344px;background-repeat:repeat-y}.tape{background:repeating-linear-gradient(45deg,var(--tape) 0 4px,rgba(255,255,255,.28) 4px 6px,var(--tape) 6px 9px)}