@font-face{font-family:"DM Serif Display";src:url(/fonts/DMSerifDisplay-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-Regular.ttf) format("truetype");font-display:swap}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}#root{width:100vw;height:100vh}body{margin:0;overflow:hidden;background:#1a2a4a;-webkit-font-smoothing:antialiased}::selection{background:rgba(78,160,240,.3);color:#fff}::-webkit-scrollbar{width:2px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.25);border-radius:10px}.overlay{position:absolute;inset:0}.overlay--disable{pointer-events:none}.loader{position:absolute;inset:0;background:linear-gradient(180deg,#0f1b2e 0%,#1a2a4a 40%,#2c4a6e 100%);transition:opacity 2s ease-in-out;z-index:100;display:flex;align-items:center;justify-content:center}.loader--disappear{opacity:0;pointer-events:none}.loader__content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.loader__plane{animation:loaderFloat 2s ease-in-out infinite;opacity:.7}.loader__bar{width:180px;height:2px;background:rgba(255,255,255,.1);border-radius:10px;overflow:hidden}.loader__fill{height:100%;background:linear-gradient(90deg,#4a9eed,#7ec4f8);border-radius:10px;transition:width .3s ease}.loader__text{font-family:Inter,sans-serif;font-size:.7rem;letter-spacing:.3rem;text-transform:uppercase;color:#ffffff59}.intro{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%;position:relative}.logo{font-family:"DM Serif Display",serif;color:#fff;font-size:5.5rem;letter-spacing:.8rem;margin:0;font-weight:400;transform:translateY(-50%);position:absolute;top:50vh;animation:logoEnter 2.5s cubic-bezier(.16,1,.3,1);transition:all 2s cubic-bezier(.16,1,.3,1);line-height:1}.logo__accent{background:linear-gradient(135deg,#6db3f2 0%,#a8d8f8 50%,#d4ecfc 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.intro--disappear .logo{top:36px;transform:scale(.18);transform-origin:center top;opacity:.7}.intro__scroll{opacity:0;color:#ffffff59;font-family:Inter,sans-serif;font-size:.72rem;letter-spacing:.25rem;text-transform:uppercase;position:absolute;top:22vh}.intro--disappear .intro__scroll{animation:fadeIn 1s ease-in-out 1.8s forwards}.overlay--scrolled .intro__scroll{animation:fadeOut .8s ease-in-out forwards}.explore{display:flex;align-items:center;gap:.6rem;padding:.85rem 2rem;border:1px solid rgba(255,255,255,.15);font-family:Inter,sans-serif;font-size:.8rem;font-weight:500;letter-spacing:.25rem;text-transform:uppercase;color:#ffffffe6;background:rgba(74,158,237,.1);border-radius:100px;cursor:pointer;margin-top:340px;position:relative;z-index:1;transition:all .4s cubic-bezier(.16,1,.3,1);animation:fadeIn 2s ease-in-out 2s forwards;opacity:0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.explore__icon{display:flex;align-items:center;transition:transform .4s cubic-bezier(.16,1,.3,1)}.explore:hover{background:rgba(74,158,237,.2);border-color:#4a9eed66;box-shadow:0 0 40px #4a9eed1f;transform:translateY(-2px);color:#fff}.explore:hover .explore__icon{transform:translateY(-2px)}.explore:active{transform:translateY(0)}.intro--disappear .explore{animation:fadeOut .5s ease-in-out forwards}.ending{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 3s ease-in-out;pointer-events:none;z-index:50;background:radial-gradient(ellipse at center,rgba(15,25,50,.4) 0%,rgba(10,18,35,.7) 100%)}.ending--appear{opacity:1;pointer-events:all}.ending__content{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem}.ending__icon{opacity:.6;animation:endingFloat 3s ease-in-out infinite}.ending__line{width:48px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.ending__title{font-family:"DM Serif Display",serif;font-size:2.8rem;color:#fff;font-weight:400;letter-spacing:.02rem;text-align:center;line-height:1.2}.ending__accent{background:linear-gradient(135deg,#6db3f2 0%,#a8d8f8 50%,#d4ecfc 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ending__subtitle{font-family:Inter,sans-serif;font-size:.85rem;color:#ffffff8c;line-height:1.8;text-align:center;max-width:360px;letter-spacing:.02rem}.ending__credit{font-family:Inter,sans-serif;font-size:.65rem;color:#ffffff59;letter-spacing:.15rem;text-transform:uppercase;margin-top:1rem}.music-btn{position:absolute;top:22px;right:22px;z-index:200;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.08);background:rgba(20,35,60,.5);color:#ffffff73;border-radius:50%;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);pointer-events:all}.music-btn:hover{background:rgba(74,158,237,.12);border-color:#4a9eed40;color:#ffffffd9}.music-btn--playing{border-color:#4a9eed33;animation:musicPulse 3s ease-in-out infinite}@media screen and (max-width: 768px){.logo{font-size:2.8rem;letter-spacing:.35rem}.intro--disappear .logo{top:16px;transform:scale(.35)}.explore{font-size:.72rem;padding:.75rem 1.6rem;margin-top:280px}.intro__scroll{font-size:.6rem}.ending__title{font-size:1.8rem}.ending__subtitle{font-size:.75rem;padding:0 1rem}}@media screen and (max-width: 480px){.logo{font-size:1.8rem;letter-spacing:.2rem}.explore{margin-top:240px}.ending__title{font-size:1.4rem}.ending__content{padding:2rem}}@keyframes logoEnter{0%{opacity:0;transform:translateY(50px);filter:blur(16px)}50%{filter:blur(0)}to{opacity:1;transform:translateY(-50%)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes loaderFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes musicPulse{0%,to{box-shadow:0 0 #4a9eed00}50%{box-shadow:0 0 12px 2px #4a9eed26}}@keyframes endingFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(3deg)}}