@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&display=swap";html,body{height:100%;margin:0;background-color:#030a11;color:#e0f2fe;font-family:Inter,sans-serif;overflow:hidden;-webkit-font-smoothing:antialiased}#app{width:100%;height:100vh;position:relative;display:block}#loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle at center,#07192a,#02060b);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10000;transition:opacity .8s cubic-bezier(.4,0,.2,1)}.loader-ring{width:80px;height:80px;border:2px solid rgba(0,212,255,.1);border-top:2px solid #00d4ff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:24px;box-shadow:0 0 20px #00d4ff66}#load-label{font-size:14px;letter-spacing:2px;text-transform:uppercase;color:#00d4ff;margin-bottom:15px;font-weight:600}#progress-container{width:250px;height:2px;background:#ffffff1a;border-radius:2px;overflow:hidden}#progress-bar{width:0%;height:100%;background:#00d4ff;box-shadow:0 0 10px #00d4ff;transition:width .3s ease}#ui-container{position:absolute;left:30px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;z-index:10}@media(max-width:768px){#ui-container{inset:auto 10px 30px;transform:none;flex-direction:row;flex-wrap:wrap;justify-content:center}}.part-btn{background:#04152499;border:1px solid rgba(0,212,255,.2);color:#a0c4d8;padding:12px 24px;border-radius:30px;font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.part-btn:hover,.part-btn.active{background:#00d4ff26;border-color:#00d4ff;color:#fff;box-shadow:0 0 15px #00d4ff4d;transform:translate(10px)}@media(max-width:768px){.part-btn:hover{transform:translateY(-5px)}}#info-panel{position:absolute;right:40px;bottom:40px;background:#041524b3;border-left:4px solid #00d4ff;padding:24px;border-radius:0 12px 12px 0;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 10px 30px #00000080;display:none;max-width:300px;color:#fff;z-index:10;animation:slideIn .5s cubic-bezier(.16,1,.3,1) forwards}@media(max-width:768px){#info-panel{right:50%;bottom:120px;transform:translate(50%);border-left:none;border-top:4px solid #00d4ff;border-radius:0 0 12px 12px;width:85vw}}#info-title{font-size:20px;font-weight:600;margin:0 0 8px;color:#00d4ff}#info-desc{font-size:14px;line-height:1.6;color:#a0c4d8;margin:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}