:root{--fold-size:64px;color:#0f0f0f;font-synthesis:none;text-rendering:optimizelegibility;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#fff}body{background:#fff;min-width:320px;margin:0}a{color:inherit;text-decoration:none}button{font:inherit}body:before,body:after{content:"";z-index:0;pointer-events:none;position:fixed;inset:0}body:before{opacity:.3;background:radial-gradient(circle at 72% 78%,#e2e8f0a6,#0000 24rem),radial-gradient(circle at 18% 80%,#0000000b,#0000 22rem),radial-gradient(circle at 50% 105%,#0000001a,#0000 18rem),radial-gradient(#111 .56px,#0000 .64px) 0 0/5px 5px;-webkit-mask-image:linear-gradient(#0000 0% 18%,#00000057 48%,#000 100%);mask-image:linear-gradient(#0000 0% 18%,#00000057 48%,#000 100%)}body:after{opacity:.48;background-image:url("data:image/svg+xml,%3Csvg width='1200' height='760' viewBox='0 0 1200 760' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23111111' stroke-width='1' stroke-opacity='.105'%3E%3Cpath d='M92 610L210 548L328 590L456 506L628 566L780 478L956 540L1090 448'/%3E%3Cpath d='M210 548L282 444L456 506L536 390L780 478L846 356L1090 448'/%3E%3Cpath d='M328 590L384 690L628 566L702 676L956 540'/%3E%3Cpath d='M140 700L328 590M780 478L1114 640'/%3E%3C/g%3E%3Cg fill='%23111111' fill-opacity='.09'%3E%3Ccircle cx='92' cy='610' r='3'/%3E%3Ccircle cx='210' cy='548' r='2.5'/%3E%3Ccircle cx='282' cy='444' r='2.2'/%3E%3Ccircle cx='328' cy='590' r='3'/%3E%3Ccircle cx='384' cy='690' r='2.5'/%3E%3Ccircle cx='456' cy='506' r='2.5'/%3E%3Ccircle cx='536' cy='390' r='2'/%3E%3Ccircle cx='628' cy='566' r='2.6'/%3E%3Ccircle cx='702' cy='676' r='2.4'/%3E%3Ccircle cx='780' cy='478' r='2.5'/%3E%3Ccircle cx='846' cy='356' r='1.9'/%3E%3Ccircle cx='956' cy='540' r='2.7'/%3E%3Ccircle cx='1090' cy='448' r='2.2'/%3E%3C/g%3E%3Cg fill='%23111111' fill-opacity='.16' font-family='ui-monospace, SFMono-Regular, Menlo, monospace' font-size='14'%3E%3Ctext x='110' y='520'%3EL = -Σ y log p%3C/text%3E%3Ctext x='250' y='668'%3Eθ ← θ - η∇L%3C/text%3E%3Ctext x='480' y='458'%3Esoftmax(qkᵀ / √d)%3C/text%3E%3Ctext x='690' y='634'%3Ez = W x + b%3C/text%3E%3Ctext x='870' y='410'%3Ep(x%7Cz)%3C/text%3E%3Ctext x='948' y='690'%3Eargmax π(a%7Cs)%3C/text%3E%3C/g%3E%3Cg fill='%23111111' fill-opacity='.07' font-family='ui-monospace, SFMono-Regular, Menlo, monospace' font-size='11'%3E%3Ctext x='72' y='350'%3E∂L/∂W%3C/text%3E%3Ctext x='550' y='312'%3Eσ(Wx)%3C/text%3E%3Ctext x='1020' y='300'%3EE%5Br%5D%3C/text%3E%3C/g%3E%3C/svg%3E");background-position:bottom;background-repeat:no-repeat;background-size:min(118vw,1200px);-webkit-mask-image:linear-gradient(#0000 0% 16%,#0003 42%,#000 100%);mask-image:linear-gradient(#0000 0% 16%,#0003 42%,#000 100%)}.page{z-index:1;perspective:1200px;justify-content:center;align-items:center;min-height:100svh;padding:30px 16px;display:flex;position:relative}.card-scene{z-index:1;width:min(100%,450px);min-height:600px;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.8,.2,1);position:relative}.card-scene.is-flipped{transform:rotateY(-180deg)}.card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);backface-visibility:hidden;background:#fffffff5;border:1px solid #dedede;border-radius:14px;flex-direction:column;display:flex;position:absolute;inset:0;overflow:visible;box-shadow:0 18px 44px #0000001f}.card-back{background:linear-gradient(135deg,#ffffffed,#f8f8f8e6),repeating-linear-gradient(0deg,#0000 0 28px,#00000008 28px 29px);transform:rotateY(-180deg)}.card-front{clip-path:polygon(0 0, calc(100% - var(--fold-size)) 0, 100% var(--fold-size), 100% 100%, 0 100%)}.card-head{padding:28px 22px 20px}.brand{align-items:center;gap:12px;display:flex}.mark{color:#fff;background:#111;border:1px solid #d5d5d5;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;font-weight:600;display:inline-flex}.muted-brand .mark{color:#111;background:#f7f7f7}.brand strong,.brand em{line-height:1.25;display:block}.brand strong{color:#111;font-size:15px;font-weight:600}.brand em{color:#707070;margin-top:2px;font-size:13px;font-style:normal;font-weight:500}.rule{background:#dedede;height:1px;margin:0 16px 24px}.links{gap:12px;padding:0 16px 18px;display:grid}.link-card{background:#ffffffc2;border:1px solid #dedede;border-radius:9px;align-items:center;gap:18px;min-height:74px;padding:15px 24px;transition:background .16s,border-color .16s,transform .16s;display:flex}.link-card:hover{background:#fff;border-color:#c9c9c9;transform:translateY(-1px)}.icon{color:#0d0d0d;flex:0 0 28px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.icon svg{width:26px;height:26px}.copy{gap:2px;min-width:0;display:grid}.title{color:#111;font-size:14px;font-weight:600;line-height:1.25}.desc{color:#6f6f6f;font-size:14px;font-weight:600;line-height:1.25}.fold-button{z-index:4;width:calc(var(--fold-size) + 18px);height:calc(var(--fold-size) + 18px);cursor:pointer;perspective:360px;backface-visibility:hidden;background:0 0;border:0;padding:0;position:absolute;top:0;right:0}.fold-button:before,.fold-button:after{content:"";pointer-events:none;position:absolute}.fold-button:before{width:var(--fold-size);height:var(--fold-size);clip-path:polygon(100% 0,0 0,100% 100%);transform-origin:100% 0;background:linear-gradient(135deg,#fffffffa 0%,#f8f8f8fa 46%,#e2e2e2f5 100%),linear-gradient(45deg,#0000 49%,#0000001f 50%,#0000 52%);border-top-right-radius:14px;transition:transform .18s,box-shadow .18s;top:0;right:0;transform:rotateX(24deg)rotateY(-14deg)translateZ(8px);box-shadow:-10px 12px 18px #0000002e,-2px 2px #00000014}.fold-button:after{transform-origin:100%;background:#00000024;width:74px;height:1px;top:48px;right:6px;transform:rotate(-45deg)}.fold-button:hover:before{transform:rotateX(32deg)rotateY(-20deg)translate3d(1px,-1px,12px);box-shadow:-13px 16px 22px #0003,-2px 2px #00000014}.return-bubble{z-index:4;color:#111;cursor:pointer;background:#ffffffeb;border:1px solid #d9d9d9;border-radius:999px;width:34px;height:34px;line-height:1;position:absolute;top:-18px;left:16px;box-shadow:0 8px 20px #0000001a}.return-bubble:hover{background:#fff}footer{color:#737373;text-align:center;background:#f5f5f5b8;border-top:1px solid #eee;margin-top:auto;padding:18px 16px;font-size:12px}@media (width<=520px){.page{align-items:center;padding:24px 16px}.card-scene{min-height:560px}.card{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#ffffffd6;border-left:0;border-right:0;border-radius:0}.card-head{padding-top:28px}.link-card{padding:14px 22px}footer{background:#ffffff8a}}