.star-field{z-index:0;width:100%;height:100%;display:block;position:fixed;inset:0}html,body,#root{width:100%;min-height:100%;margin:0}#root{min-height:100vh}body{color:#eaeaea;background:#050608;font-family:Inter,Arial,sans-serif;overflow:hidden auto}.home{text-align:center;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;position:relative}.hero{z-index:2;box-sizing:border-box;width:100%;max-width:620px;padding:32px;position:relative}.hero h1{letter-spacing:8px;margin:0 0 20px;font-family:Georgia,serif;font-size:56px;font-weight:400}.hero h2{margin-bottom:30px;font-size:26px;font-weight:300;line-height:1.45}.intro{opacity:.72;margin-bottom:30px;line-height:1.6}.promise{background:#ffffff08;border:1px solid #ffffff14;max-width:520px;margin:0 auto 32px;padding:20px;line-height:1.6}.promise strong{color:#fff;font-weight:600}.hero button{color:#fff;letter-spacing:2px;cursor:pointer;background:0 0;border:1px solid #8fb8ff;padding:14px 40px;font-size:16px;transition:all .35s}.hero button:hover{background:#8fb8ff14;border-color:#fff}.sky-counter{text-align:center;z-index:2;font-size:22px;position:absolute;bottom:42px;left:50%;transform:translate(-50%)}.counter-label{opacity:.55;letter-spacing:4px;text-transform:uppercase;margin-top:10px;font-size:13px}.letter-page{background:#050608;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.letter-sheet{--dissolve:0;--ash:0;transform-origin:50%;background:#111827;border:1px solid #ffffff14;flex-direction:column;width:min(900px,90vw);height:min(700px,80vh);padding:36px;transition:filter 50ms linear,transform 50ms linear;display:flex;position:relative;overflow:hidden}.letter-sheet textarea{resize:none;color:#eaeaea;background:0 0;border:none;outline:none;flex:1;font-family:Georgia,serif;font-size:22px;line-height:1.8}.letter-footer{justify-content:space-between;align-items:center;margin-top:24px;display:flex}.letter-footer button{color:#fff;cursor:pointer;background:0 0;border:1px solid #8fb8ff;padding:14px 34px;transition:all .25s}.letter-footer button:hover{background:#8fb8ff14}.letter-footer button:disabled{opacity:.45;cursor:default}.letter-sheet.releasing{filter:brightness(calc(1 - var(--dissolve) * .08));clip-path:circle(calc(150% - (var(--dissolve) * 150%)) at 50% 50%)}.letter-sheet.releasing textarea,.letter-sheet.releasing .letter-footer{opacity:calc(1 - var(--dissolve));transform:scale(calc(1 - var(--dissolve) * .04));transition:none}.letter-sheet:before{content:"";pointer-events:none;border-radius:inherit;opacity:0;background:radial-gradient(circle,#ffffff29,#0000 65%);position:absolute;inset:-2px}.letter-sheet.releasing:before{opacity:calc(var(--dissolve) * .8);filter:blur(calc(2px + (var(--ash) * 8px)))}.letter-sheet:after{content:"";pointer-events:none;opacity:calc(var(--dissolve) * .9);background:radial-gradient(circle,#0000,#050608f2);position:absolute;inset:0}@media (width<=600px){body{overflow:hidden auto}.home{align-items:flex-start;width:100%;height:auto;min-height:100svh;padding:40px 0 120px}.hero{box-sizing:border-box;width:100%;padding:24px}.hero h1{letter-spacing:5px;margin-bottom:20px;font-size:42px}.hero h2{margin-bottom:28px;font-size:24px;line-height:1.45}.intro{margin-bottom:28px;line-height:1.7}.promise{margin-bottom:30px;padding:20px;line-height:1.6}.hero button{width:100%;padding:16px}.sky-counter{font-size:22px;bottom:24px}.letter-sheet{width:90vw;height:70vh;padding:22px}.letter-sheet textarea{font-size:18px;line-height:1.6}.letter-footer{flex-direction:column;align-items:stretch;gap:16px}.letter-footer button{width:100%}}