*{box-sizing:border-box}html,body{margin:0;height:100%;font:14px Arial;color:#222}body{overflow:hidden}.page{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;height:100vh;overflow:hidden;padding:30px 24px 38px;background:linear-gradient(180deg,#fff 0%,#f4f4f4 55%,#d5d5d5 100%)}.page:before{position:absolute;right:-12%;bottom:-30%;left:-12%;z-index:-1;height:58%;border-radius:50% 50% 0 0/28% 28% 0 0;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(205,205,205,.75));content:"";pointer-events:none;transform:rotate(-2deg)}nav{display:flex;gap:20px;width:min(920px,100%);margin:0 auto 16px;padding:0 4px}a{color:#777;text-decoration:none}a:hover{color:#111}.content{width:min(920px,100%);max-height:calc(100vh - 100px);overflow-y:auto;padding:48px 56px 64px;border:1px solid #bebebe;border-radius:8px;background:rgba(255,255,255,.88);box-shadow:0 24px 70px rgba(80,80,80,.16);scrollbar-color:#9c9c9c transparent}.content h1{margin:0 0 12px;font-size:32px;font-weight:600}.content h2{margin:32px 0 10px;font-size:18px}.content p{color:#555;line-height:1.7}.content::-webkit-scrollbar{width:10px}.content::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:999px;background:#9c9c9c;background-clip:padding-box}@media(max-width:640px){.page{padding:20px 14px 24px}.content{padding:32px 24px 44px}}