@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500&family=Manrope:wght@400;500;600&display=swap');
:root{color-scheme:dark;font-family:Manrope,Arial,sans-serif;background:#03050f;color:#f4eee6}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column;background:#03050f}a{color:inherit;text-decoration:none}button{font:inherit}header,footer{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:30px 4.6vw}header{gap:20px}.signature{font-family:Georgia,serif;font-size:27px;display:flex;align-items:center;gap:17px;letter-spacing:-3px}.signature span{font-family:Manrope,Arial,sans-serif;font-size:10px;letter-spacing:3px;border-left:1px solid #ffffff35;padding-left:18px}#motion{border:1px solid #ffffff27;border-radius:25px;background:#060a1880;color:#c0c5d4;font-size:10px;padding:10px 15px;cursor:pointer}#motion:hover{border-color:#c0c5d4}main{z-index:1;position:relative;flex:1;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:35px 20px 60px;isolation:isolate}.intro{text-align:center}.eyebrow{font-size:10px;letter-spacing:.35em;color:#aeb6cc;margin:0 0 17px}h1{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(58px,7.8vw,112px);font-weight:400;line-height:1.05;letter-spacing:.025em;margin:0 0 20px;text-shadow:0 2px 35px #000}.welcome{display:flex;gap:22px;justify-content:center;flex-wrap:wrap;color:#c2c6d3;font-size:12px}.welcome p{margin:0;line-height:1.8}.welcome p+ p:before{content:'·';position:relative;left:-11px;color:#8f94aa}.constellation{display:flex;justify-content:center;gap:clamp(28px,6vw,100px);margin:40px auto 25px;width:min(820px,100%)}.portal{--c:155,192,255;display:flex;align-items:center;flex-direction:column;position:relative;min-width:170px;padding:15px 12px 20px;border-radius:12px;outline-offset:6px}.german{--c:249,195,113}.russian{--c:191,145,255}.star{display:block;position:relative;width:110px;height:110px;transition:transform .7s}.star:before{content:'';position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,rgba(var(--c),.32),rgba(var(--c),.06) 40%,transparent 70%);transform:scale(1.6);animation:breathe 6s ease-in-out infinite}.german .star:before{animation-delay:-2s}.russian .star:before{animation-delay:-4s}.star i{position:absolute;left:50%;top:50%;width:11px;height:11px;transform:translate(-50%,-50%);border-radius:50%;background:#fff7ec;box-shadow:0 0 10px 5px rgba(var(--c),.9),0 0 30px 11px rgba(var(--c),.6),0 0 65px 20px rgba(var(--c),.23)}.star i:before,.star i:after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:linear-gradient(90deg,transparent,rgba(var(--c),.9),#fff,rgba(var(--c),.9),transparent);width:90px;height:1px}.star i:after{transform:translate(-50%,-50%) rotate(90deg);width:65px}.language{font-family:'Cormorant Garamond',Georgia,serif;font-size:32px;margin:7px 0 10px;letter-spacing:.02em}.enter{font-size:10px;letter-spacing:.06em;color:#a6adbf;transition:color .3s}.enter b{font-size:15px;margin-left:6px;font-weight:400}.portal:hover .star,.portal:focus-visible .star{transform:scale(1.18)}.portal:hover .enter,.portal:focus-visible .enter{color:rgb(var(--c))}.portal:focus-visible{outline:1px solid rgb(var(--c));background:#ffffff08}.choose{font-size:9px;letter-spacing:.08em;color:#8990a4;text-align:center;line-height:2}.choose span{margin:0 10px;color:#60677b}footer{font-size:9px;color:#9299ac;letter-spacing:.08em;padding-top:18px;padding-bottom:24px}footer span:last-child{font-size:8px;letter-spacing:.22em}.cosmos{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:#03050f}.nebula{position:absolute;inset:-5%;background:linear-gradient(#02050c25,#02050c45),url('/assets/universe-birth.webp') center 55%/cover no-repeat;animation:drift 45s ease-in-out infinite alternate;opacity:.92}.birth{position:absolute;width:110vw;height:80vw;left:-5vw;top:30%;background:radial-gradient(ellipse,transparent 20%,#8cb1ff13 36%,transparent 58%);border-radius:50%;animation:expand 18s ease-out infinite}.dust{position:absolute;inset:0;background:radial-gradient(ellipse at 15% 55%,#37278e33,transparent 35%),radial-gradient(ellipse at 85% 65%,#16578422,transparent 38%)}canvas{width:100%;height:100%;display:block;opacity:.7}.vignette{position:absolute;inset:0;background:linear-gradient(#02040d60,transparent 25%,transparent 65%,#02040d95),radial-gradient(ellipse,transparent 35%,#01020a88)}@keyframes drift{to{transform:scale(1.08) translateY(-1%)}}@keyframes breathe{50%{opacity:.55;transform:scale(1.3)}}@keyframes expand{0%{transform:scale(.6);opacity:0}20%{opacity:.7}100%{transform:scale(1.5);opacity:0}}.paused *,.paused *:before,.paused *:after{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:650px){header{padding:22px 22px}.signature span{font-size:8px;letter-spacing:2px}#motion{font-size:9px;padding:8px 10px}.welcome{display:block;font-size:11px}.welcome p+p:before{content:none}.eyebrow{font-size:8px;letter-spacing:.2em}main{padding:35px 16px}.constellation{gap:0;margin-top:25px}.portal{min-width:0;flex:1;padding:8px 3px 15px}.star{width:90px;height:90px}.language{font-size:26px}.enter{font-size:8px;letter-spacing:0}.enter b{display:none}.choose{font-size:8px}.choose span{margin:0 4px}footer{padding:18px 22px;gap:15px}footer span:last-child{font-size:7px;max-width:140px;text-align:right;line-height:1.8}.nebula{background-position:50% 50%}}@media(max-width:360px){.language{font-size:23px}.enter{font-size:7px}.signature span{display:none}} 

.language-hint{position:absolute;bottom:0;font-size:8px;letter-spacing:.04em;color:rgb(var(--c));opacity:.85}.preferred .star i{box-shadow:0 0 12px 6px rgba(var(--c),.95),0 0 40px 14px rgba(var(--c),.65),0 0 75px 25px rgba(var(--c),.28)}#reset-language{border:0;background:none;color:#aeb6cc;font:inherit;cursor:pointer;padding:8px;letter-spacing:.04em}#reset-language:hover{color:#fff}

header{flex-wrap:wrap}.entry-primary{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 22px;margin-left:auto}.entry-primary a{font-size:11px;color:#c1c7d8;padding:7px 0}.entry-primary a:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}@media(max-width:1000px){.entry-primary{order:3;flex-basis:100%;margin:0;gap:8px 20px}#motion{margin-left:auto}}@media(max-width:650px){.entry-primary a{font-size:10px}.entry-primary{gap:4px 18px}header{padding-bottom:12px}}