.binder{position:relative;margin:52px auto 0;max-width:720px}.binder-back{position:absolute;inset:-22px -20px -26px -30px;background:linear-gradient(168deg,#f1f4fa,#e2e8f1);border-radius:14px;border:1px solid #D7DEE9;box-shadow:0 30px 70px #0b0f1929,inset 0 1px #ffffff8c}.binder-back:before{content:"";position:absolute;left:26px;right:26px;top:-11px;height:26px;background:inherit;border:1px solid #D7DEE9;border-bottom:none;border-radius:10px 10px 0 0;-webkit-clip-path:polygon(0 100%,3% 0,32% 0,35% 100%);clip-path:polygon(0 100%,3% 0,32% 0,35% 100%)}.binder-label{position:absolute;top:-46px;left:32px;font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#6b7280}.tabs{position:absolute;right:-58px;top:64px;display:flex;flex-direction:column;gap:14px;z-index:1}.tab{writing-mode:vertical-rl;display:flex;align-items:center;gap:7px;padding:14px 8px;border-radius:0 9px 9px 0;border:1px solid var(--tbr);border-left:none;background:var(--tbg);color:var(--tac);font-family:inherit;font-size:10.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;cursor:pointer;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s ease}.tab:hover{transform:translate(4px);box-shadow:4px 6px 14px #0b0f1914}.tab.on{transform:translate(5px);box-shadow:6px 8px 18px #0b0f191f}.tab:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--tac)}.stage{position:relative;perspective:2400px}.pg{position:absolute;top:0;left:0;right:0;transform-origin:0 50%;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .95s cubic-bezier(.3,.9,.22,1);pointer-events:none}.pg.is-active{pointer-events:auto;position:relative}.pg:not(.is-active){height:100%;overflow:hidden}.pg:not(.is-active) .sticky{display:none}.pg:not(.is-active) .paper>*{visibility:hidden}.pg.is-left{transform:rotateY(-152deg)}.pg:after{content:"";position:absolute;inset:0;border-radius:3px;pointer-events:none;opacity:0;background:linear-gradient(105deg,#fff0 28%,#ffffff61 46%,#0b0f191a 68%,#0b0f1938);transition:opacity .95s cubic-bezier(.3,.9,.22,1)}.pg.is-left:after{opacity:1}.pg.is-left .paper{box-shadow:-26px 28px 60px #0b0f1942}.pg.u1{transform:translate(5px,4px) rotate(.45deg)}.pg.u2{transform:translate(10px,8px) rotate(-.4deg)}.paper{transition:box-shadow .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);position:relative;background:linear-gradient(178deg,#fff,#fdfdfb 70%,#f8f8f4);border:1px solid #E3E6EC;border-radius:3px;box-shadow:0 10px 34px #0b0f1924;padding:clamp(26px,5vw,52px) clamp(26px,5.5vw,58px) clamp(26px,5vw,46px) clamp(46px,7vw,74px);overflow:hidden}.paper:before,.paper:after{content:"";position:absolute;left:16px;width:15px;height:15px;border-radius:50%;background:radial-gradient(circle at 42% 38%,#dfe3ea,#edf0f5 62%);box-shadow:inset 0 1.5px 3px #0b0f1938}.paper:before{top:26%}.paper:after{bottom:26%}.fold1,.fold2{position:absolute;left:5px;width:13px;height:1px;background:#c4cad4}.fold1{top:32.4%}.fold2{top:50%}.lh{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.lh-mark{font-size:17px;font-weight:800;letter-spacing:-.02em;color:#182238}.lh-mark small{display:block;margin-top:3px;font-size:9px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#8a93a6}.lh-right{text-align:right;font-size:10px;line-height:1.7;color:#8a93a6}.sender-line{margin:30px 0 0;font-size:9px;color:#9aa3b2;text-decoration:underline;text-underline-offset:2px}.addr{margin:9px 0 0;font-family:Georgia,Times New Roman,serif;font-size:14px;line-height:1.6;color:#1b2430}.addr span{display:block}.dt{margin:26px 0 0;text-align:right;font-family:Georgia,serif;font-size:13px;color:#3d4553}.subj{margin:20px 0 0;font-family:Georgia,serif;font-size:15px;font-weight:700;color:#111a2c}.greet{margin:18px 0 0;font-family:LS Hand,cursive;font-size:19px;line-height:1.5;color:#1d3a8f}.hook{margin:7px 0 0;font-family:LS Hand,cursive;font-size:19px;line-height:1.55;color:#1d3a8f}.hook mark{background:linear-gradient(180deg,transparent 56%,var(--mark) 56%,var(--mark) 94%,transparent 94%);color:inherit;padding:0 2px;-webkit-box-decoration-break:clone;box-decoration-break:clone}.bd p{margin:8px 0 0;font-family:LS Hand,cursive;font-size:19px;line-height:1.55;color:#1d3a8f}.close{margin:20px 0 0;font-family:LS Hand,cursive;font-size:19px;color:#1d3a8f}.sig{margin:6px 0 0}.sig svg{display:block;height:44px;width:auto;color:#1d3a8f}.sig-nm{margin:2px 0 0;font-family:LS Hand,cursive;font-size:17px;color:#1d3a8f}.sig-rl{margin:2px 0 0;font-size:10.5px;color:#8a93a6}.paper-foot{position:absolute;left:0;right:0;bottom:12px;text-align:center;font-size:9px;letter-spacing:.08em;color:#b3bac6}.sticky{transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s ease;position:absolute;right:-26px;bottom:-34px;z-index:4;width:min(250px,58%);padding:14px 15px 16px;background:linear-gradient(180deg,#fff9cf,#fff3ae);border-radius:2px;transform:rotate(-2.4deg);box-shadow:0 10px 22px #0b0f1929;font-size:11px;line-height:1.55;color:#4a4429}.sticky:before{content:"";position:absolute;top:-9px;left:50%;transform:translate(-50%) rotate(1.5deg);width:74px;height:20px;background:#d6dce8a6;border:1px solid rgba(255,255,255,.6);box-shadow:0 2px 5px #0b0f1914}.sticky b{display:block;font-size:9px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#7a6e37;margin-bottom:6px}.sticky ul{margin:0;padding:0;list-style:none}.sticky li{position:relative;padding-left:11px;margin:0 0 4px;font-family:LS Hand,cursive;font-size:14.5px;line-height:1.35;color:#3d3520}.sticky li:before{content:"·";position:absolute;left:0;font-weight:800}@media(hover:hover){.pg.is-active .paper:hover{transform:translateY(-4px);box-shadow:0 26px 56px #0b0f192b}.pg.is-active:hover .sticky{transform:rotate(-.9deg) translateY(-3px);box-shadow:0 16px 30px #0b0f1933}}.nav{margin:52px auto 0;max-width:720px;display:flex;align-items:center;justify-content:space-between;gap:14px}.nav-btn{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:11px 20px;border-radius:100px;border:1px solid #C9D1DE;background:#fff;color:#0b0f19;font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1)}.nav-btn:hover:not(:disabled){border-color:#3465e3;color:#3465e3;transform:translateY(-1px)}.nav-btn:disabled{opacity:.35;cursor:default}.nav-mid{text-align:center;font-size:12.5px;font-weight:600;color:#3d4553}.nav-mid b{color:#0b0f19}.nav-dots{margin-top:7px;display:flex;gap:7px;justify-content:center}.nav-dots i{width:7px;height:7px;border-radius:50%;background:#c9d1de;transition:all .45s cubic-bezier(.16,1,.3,1)}.nav-dots i.on{background:#3465e3;width:20px;border-radius:100px;transform:none}button:focus-visible{outline:2px solid #5B8CFF;outline-offset:3px}@media(max-width:860px){.tabs{display:none}.binder-back{inset:-14px -12px -18px -16px}}@media(prefers-reduced-motion:reduce){.pg,.tab,.nav-btn{transition:none!important}}@media(max-width:520px){.paper{padding-bottom:46px}.sticky{position:static;width:auto;margin:12px 6px 0;transform:rotate(-1.2deg)}.pg:not(.is-active) .sticky{display:none}}