:root{color-scheme:dark;--bg:#030510;--ink:#f7f7ff;--muted:#9ca7c1;--pink:#efa9d0;--blue:#9ec3ff;--line:rgba(193,213,255,.16)}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;width:100%;max-width:100%;overflow-x:hidden;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif}
html{overscroll-behavior:none;background:var(--bg)}
body{overscroll-behavior:none;overscroll-behavior-x:none;touch-action:pan-y}
button,input{font:inherit}button{cursor:pointer}
body:before{content:"";position:fixed;inset:-25%;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 68% 18%,rgba(87,137,255,.24),transparent 24%),radial-gradient(ellipse at 24% 62%,rgba(239,76,180,.18),transparent 27%),radial-gradient(ellipse at 78% 82%,rgba(105,77,255,.14),transparent 30%);filter:blur(36px);animation:drift 16s ease-in-out infinite}
body:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(circle at 7% 16%,#fff 0 1px,transparent 1.8px),radial-gradient(circle at 18% 73%,#d9e8ff 0 1.1px,transparent 1.9px),radial-gradient(circle at 31% 28%,#fff 0 1.2px,transparent 2px),radial-gradient(circle at 47% 9%,#ffd9ef 0 1px,transparent 1.8px),radial-gradient(circle at 62% 67%,#fff 0 1.1px,transparent 1.9px),radial-gradient(circle at 75% 22%,#d6e6ff 0 1.2px,transparent 2px),radial-gradient(circle at 91% 59%,#fff 0 1.1px,transparent 1.9px);background-size:181px 197px,233px 251px,271px 229px,207px 241px,317px 277px,251px 203px,283px 263px;animation:twinkle 7s ease-in-out infinite}
@keyframes twinkle{0%,100%{opacity:.32;transform:scale(.85)}50%{opacity:1;transform:scale(1.08)}}
@keyframes drift{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(2%,-2%,0) scale(1.07)}}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.stars{position:fixed;inset:0;z-index:1;pointer-events:none}.stars i{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;box-shadow:0 0 11px 2px rgba(196,222,255,.9);animation:twinkle 3.4s infinite}.stars i:nth-child(1){left:12%;top:18%}.stars i:nth-child(2){left:84%;top:15%;animation-delay:.8s}.stars i:nth-child(3){left:69%;top:46%;animation-delay:1.4s}.stars i:nth-child(4){left:24%;top:62%;animation-delay:2s}.stars i:nth-child(5){left:91%;top:80%;animation-delay:.5s}.stars i:nth-child(6){left:54%;top:30%;animation-delay:1.8s}.stars i:nth-child(7){left:42%;top:78%;animation-delay:1s}
.nebula{position:fixed;inset:auto 0 0;height:42vh;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 20% 100%,rgba(239,78,181,.15),transparent 48%),radial-gradient(ellipse at 80% 100%,rgba(84,130,255,.16),transparent 48%),linear-gradient(180deg,transparent,rgba(7,7,25,.7))}
.app{position:relative;z-index:2;min-height:100vh;width:100%;max-width:100%;overflow-x:hidden;padding:20px 25px;background:linear-gradient(180deg,rgba(2,4,13,.18),rgba(5,8,24,.12) 55%,rgba(10,5,25,.42))}
.shell{max-width:1160px;width:100%;margin:auto;position:relative}.top{height:58px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}
.brand,.tiny,.tag,.num,.kicker{font-size:9px;letter-spacing:.2em;color:var(--muted)}.moon{position:absolute;width:310px;height:310px;right:3%;top:70px;border-radius:50%;z-index:-2;background:radial-gradient(circle at 31% 28%,#fff 0,#edf5ff 43%,#c5d5ed 70%,#8799b7 100%);box-shadow:0 0 55px rgba(211,230,255,.5),0 0 145px rgba(104,148,255,.23)}.moon:after{content:"";position:absolute;width:298px;height:298px;right:-82px;top:-3px;border-radius:50%;background:#030510;z-index:-1}
.hero{min-height:82vh;max-width:850px;padding:90px 0 70px;display:flex;flex-direction:column;justify-content:center;animation:rise .8s ease}.kicker{color:var(--pink);margin-bottom:25px}.hero h1,.extra h1{font:400 clamp(55px,9vw,112px)/.88 Georgia,serif;letter-spacing:-.065em;margin:0 0 30px;text-shadow:0 0 55px rgba(197,216,255,.1),0 0 100px rgba(239,126,198,.08)}.hero p{max-width:570px;color:#aeb9d1;font-size:15px;line-height:1.9}.enter{margin-top:28px;align-self:flex-start;border:1px solid rgba(236,190,221,.3);border-radius:999px;padding:14px 24px;color:#f8eff6;background:linear-gradient(135deg,rgba(104,151,255,.1),rgba(239,151,204,.1));box-shadow:0 0 35px rgba(115,139,255,.1);backdrop-filter:blur(18px);transition:.3s}
.enter:hover{transform:translateY(-3px);border-color:rgba(245,191,221,.72);box-shadow:0 0 45px rgba(239,107,188,.18)}
.screen{display:none;min-height:100vh;animation:rise .6s ease}.screen.active{display:block}.section-title{padding:78px 0 25px;display:flex;align-items:end;justify-content:space-between}.section-title h2,.lower h2{font:400 40px Georgia,serif;margin:0}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{min-height:225px;border:1px solid var(--line);border-radius:24px;padding:24px;background:linear-gradient(145deg,rgba(20,35,75,.68),rgba(7,11,31,.7));backdrop-filter:blur(24px) saturate(135%);box-shadow:inset 0 1px rgba(255,255,255,.055),0 25px 65px rgba(0,0,0,.2);position:relative;overflow:hidden;cursor:pointer;transition:.4s}.card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 8%,rgba(242,164,211,.18),transparent 28%),radial-gradient(circle at 4% 95%,rgba(101,160,255,.14),transparent 33%);pointer-events:none}.card:hover{transform:translateY(-8px);border-color:rgba(239,181,216,.42)}.card h3{font:400 29px Georgia,serif;margin:64px 0 10px;position:relative}.card-copy{font-size:12px;color:#929dbb;line-height:1.7;position:relative}.tag{float:right;color:#dfaaca}.media{display:none;min-height:105px;margin-top:18px;border:1px dashed rgba(239,173,211,.24);border-radius:16px;align-items:center;justify-content:center;text-align:center;color:#74809b;font-size:10px;line-height:1.7;position:relative;padding:15px}.card.open .media{display:flex;animation:rise .35s ease}
.lower{border-top:1px solid var(--line);padding:36px 0 75px;margin-top:80px}.blank{min-height:190px;border:1px solid rgba(238,175,211,.18);border-radius:20px;background:rgba(5,9,25,.38);padding:24px;color:#a0a9bd;backdrop-filter:blur(16px);margin-top:24px;line-height:1.9}.menu-wrap{position:relative}.dots{width:38px;height:38px;border-radius:50%;border:1px solid rgba(205,220,255,.18);background:rgba(8,14,35,.52);color:#eadde7;font-size:20px;line-height:1;backdrop-filter:blur(15px)}.menu{display:none;position:absolute;right:0;top:48px;width:240px;padding:8px;border-radius:18px;background:rgba(4,8,22,.93);border:1px solid rgba(190,211,255,.18);box-shadow:0 25px 70px rgba(0,0,0,.58);z-index:30}.menu.show{display:block;animation:rise .2s ease}.menu button{display:block;width:100%;border:0;background:transparent;color:#c9d1e4;text-align:left;padding:13px;border-radius:10px;font-size:11px}.extra{min-height:82vh;padding:100px 0}.extra-media{display:flex;margin-top:30px}.lock{position:fixed;inset:0;z-index:99;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(ellipse at 55% 20%,#142454,#050818 50%,#02030a);overflow:hidden}.lock:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.8px),radial-gradient(circle,#cfe2ff 0 1px,transparent 1.8px);background-size:151px 173px,227px 211px;opacity:.72}.lockbox{width:min(420px,100%);text-align:center;position:relative;z-index:2}.lockmoon{width:88px;height:88px;margin:0 auto 28px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff,#eaf2ff 45%,#b8cae7 100%);box-shadow:0 0 45px rgba(209,227,255,.5),0 0 110px rgba(116,153,255,.22)}.lock h2{font:400 48px Georgia,serif;margin:0 0 12px}.lock p{color:#a1acc4;font-size:12px}.lock input{width:100%;margin:16px 0 10px;padding:15px 20px;border-radius:999px;border:1px solid rgba(239,174,211,.24);background:rgba(3,7,20,.58);color:#fff;text-align:center;outline:0}.lock button{border:1px solid rgba(239,174,211,.4);border-radius:999px;background:rgba(132,171,255,.1);color:#f4dbe9;padding:12px 22px}.err{height:20px;margin-top:8px;color:#dfa1c5;font-size:11px}.editable{outline:0}.editable:focus{box-shadow:0 0 0 1px rgba(240,168,208,.38);border-radius:8px}
@media(max-width:700px){.app{padding:16px;overflow-x:hidden}.moon{width:190px;height:190px;right:-35px;top:76px}.moon:after{width:183px;height:183px;right:-56px}.hero{min-height:77vh;padding:72px 0 55px}.hero h1,.extra h1{font-size:clamp(50px,15vw,76px)}.hero p{font-size:14px;max-width:92%}.grid{grid-template-columns:1fr;gap:14px}.section-title{padding-top:65px}.section-title h2,.lower h2{font-size:34px}.extra{padding-top:70px}.menu{right:-5px}}