html,body{margin:0;padding:0;height:100%;background:transparent;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.hero{height:100vh;display:grid;place-content:center;text-align:center;pointer-events:none}.author,.profession{font-family:Montserrat,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1rem;font-weight:400;opacity:.7;letter-spacing:.05em;margin:4px 0}.profession{font-size:.9rem;opacity:.6}h1{font-family:"PT Serif",Georgia,serif;font-weight:400;font-size:clamp(2rem,5vw,3.5rem);margin:24px 0;line-height:1.3;pointer-events:auto;letter-spacing:.01em;opacity:.9}h1 i{font-style:italic;font-weight:400}
.subtitle{font-family:Montserrat,-apple-system,BlinkMacSystemFont,sans-serif;opacity:.7;font-size:1.5rem}button{font-family:Montserrat,-apple-system,BlinkMacSystemFont,sans-serif;margin:32px auto 0;padding:18px 45px;border-radius:999px;border:none;background:rgba(255,255,255,.08);color:#fff;cursor:pointer;font-size:1rem;font-weight:400;letter-spacing:.02em;transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:auto;display:block;width:300px;height:54px;position:relative;backdrop-filter:blur(25px) saturate(200%);-webkit-backdrop-filter:blur(25px) saturate(200%);box-shadow:0 12px 40px rgba(31,38,135,.3),inset 0 0 0 1px rgba(255,255,255,.6),inset 2px 2px 8px rgba(255,255,255,.3),inset -2px -2px 8px rgba(255,255,255,.15);background-image:radial-gradient(ellipse at center,rgba(255,255,255,.1) 0%,transparent 60%);animation:breathing 4s ease-in-out infinite}button:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.7);box-shadow:0 15px 50px rgba(31,38,135,.4),inset 0 0 0 1px rgba(255,255,255,.8),inset 3px 3px 12px rgba(255,255,255,.4),inset -3px -3px 12px rgba(255,255,255,.2);transform:translateY(-1px)}button:active{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.9);box-shadow:0 8px 30px rgba(31,38,135,.5),inset 0 0 0 2px rgba(255,255,255,1),inset 4px 4px 15px rgba(255,255,255,.6),inset -4px -4px 15px rgba(255,255,255,.3);transform:scaleX(1.05) scaleY(.95) translateY(1px);filter:blur(.5px);animation:jellyWobble .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes breathing{0%,100%{box-shadow:0 12px 40px rgba(31,38,135,.3),inset 0 0 0 1px rgba(255,255,255,.6),inset 2px 2px 8px rgba(255,255,255,.3),inset -2px -2px 8px rgba(255,255,255,.15)}50%{box-shadow:0 15px 45px rgba(31,38,135,.35),inset 0 0 0 1px rgba(255,255,255,.7),inset 2px 2px 10px rgba(255,255,255,.35),inset -2px -2px 10px rgba(255,255,255,.2)}}@keyframes jellyWobble{0%{transform:scaleX(1.05) scaleY(.95) translateY(1px);filter:blur(.5px)}15%{transform:scaleX(.92) scaleY(1.08) translateY(-2px);filter:blur(1px)}30%{transform:scaleX(1.08) scaleY(.92) translateY(1px);filter:blur(.3px)}50%{transform:scaleX(.96) scaleY(1.04) translateY(-1px);filter:blur(.8px)}70%{transform:scaleX(1.02) scaleY(.98) translateY(0px);filter:blur(.2px)}100%{transform:scaleX(1) scaleY(1) translateY(0px);filter:blur(0)}}button::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;padding:1px;background:linear-gradient(to bottom,rgba(255,255,255,.95) 0%,rgba(255,255,255,.6) 15%,rgba(255,255,255,.2) 30%,rgba(255,255,255,.05) 50%,rgba(255,255,255,0) 70%,rgba(255,255,255,.1) 85%,rgba(255,255,255,.3) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:rimShimmer 3s ease-in-out infinite;pointer-events:none}button::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;padding:1px;background:linear-gradient(to bottom,rgba(255,255,255,.8) 0%,rgba(255,255,255,.3) 25%,rgba(255,255,255,.05) 50%,rgba(255,255,255,0) 75%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:-1}@keyframes rimShimmer{0%,100%{opacity:.8;background-position:0% 0%}50%{opacity:1;background-position:100% 100%}}button:active::after{content:'';position:absolute;top:50%;left:50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.8) 0%,transparent 70%);transform:translate(-50%,-50%) scale(.8);animation:flashPulse .3s ease-out;pointer-events:none;border-radius:inherit}@keyframes flashPulse{0%{opacity:1;transform:translate(-50%,-50%) scale(.5)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}
.glass-modal{position:fixed;inset:0;margin:auto;width:380px;height:360px;border-radius:36px;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);background:rgba(255,255,255,.08);opacity:0;transform:scale(.96);pointer-events:none;transition:opacity .6s cubic-bezier(.2,.8,.2,1),transform .6s cubic-bezier(.2,.8,.2,1);display:flex;align-items:center;justify-content:center;z-index:100}.glass-modal.open{opacity:1;transform:scale(1);pointer-events:auto}.glass-modal ul{list-style:none;padding:0;margin:0;width:100%;text-align:center}.glass-modal li{padding:14px 24px;font-size:1rem;cursor:pointer;transition:background .2s ease;border-radius:8px;margin:4px 12px}.glass-modal li:hover{background:rgba(255,255,255,.1)}.glass-modal li a{display:block;color:inherit;text-decoration:none}@media (max-width: 480px){.glass-modal{-webkit-backdrop-filter:blur(22px) saturate(140%) brightness(1.15);backdrop-filter:blur(22px) saturate(140%) brightness(1.15);background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.15)}}.text-animate{transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .4s ease;transform-origin:center center;will-change:transform,opacity}.text-animate.collapsed{opacity:0}