@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700;900&family=Space+Mono:wght@400;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #f5f5f8;--color-text: #1a1a2e;--color-accent: #3a7ca5;--color-accent2: #6a5acd;--color-dim: #8888a0;--font-display: "Orbitron", sans-serif;--font-body: "Space Mono", monospace}html,body{width:100%;height:100%;overflow:hidden;background:var(--color-bg);color:var(--color-text);font-size:calc(1rem + 3px)}#space-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}.site-header{position:fixed;top:0;left:0;width:100%;height:5rem;padding:0 2rem;display:flex;align-items:center;z-index:110;background:var(--color-bg);opacity:1;transition:opacity .6s ease;pointer-events:auto}.header-logo{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--color-text);margin-right:auto}.header-logo-icon{width:24px;height:24px}.header-logo-text{font-family:var(--font-display);font-weight:700;font-size:.85rem;letter-spacing:.1em}.site-footer{position:fixed;bottom:0;left:0;width:100%;padding:1.5rem 2rem 2.5rem;z-index:110;display:flex;flex-direction:column;align-items:center;gap:1.2rem;opacity:1;transition:opacity .6s ease;pointer-events:auto}.site-footer.footer-solid{background:var(--color-bg)}.video-apps{position:absolute;top:15%;right:18%;z-index:3;display:flex;flex-direction:column;gap:.6rem}.video-apps-group{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem}.video-apps-label{font-family:var(--font-display);font-size:.5rem;font-weight:700;letter-spacing:.1em;color:#fff;background:#00000059;padding:.25rem .7rem;border-radius:3px}.video-app-link{display:flex;align-items:center;gap:.6rem;text-decoration:none;transition:opacity .3s ease;opacity:.7;padding:.3rem 0}.video-app-link:hover{opacity:1}.video-app-icon{width:24px;height:24px;border-radius:4px}.video-app-name{font-family:var(--font-body);font-size:.55rem;letter-spacing:.05em;color:#ffffffb3}.footer-copy{font-family:var(--font-body);font-size:.6rem;letter-spacing:.1em;color:var(--color-dim);line-height:1}.logo-icon{width:clamp(80px,15vw,160px);height:auto}.page{position:fixed;top:5rem;left:0;width:100%;height:calc(100% - 5rem);z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity 1s cubic-bezier(.4,0,.2,1);pointer-events:none}.page.visible{opacity:1;pointer-events:auto}.page.page-hidden{opacity:0;pointer-events:none}.page.page-full{top:0;height:100%;z-index:120;background:var(--color-bg)}.page-full .hero-video{width:100vw;height:100vh;border-radius:0}.page-full .hero-video:before,.page-full .hero-video:after{display:none}.nav-btn{position:fixed;top:50%;transform:translateY(-50%);width:44px;height:44px;background:none;border:none;cursor:pointer;opacity:.8;transition:opacity .3s ease,transform .3s ease;z-index:20}.nav-btn:hover{opacity:1;transform:translateY(-50%) scale(1.15)}.nav-btn-right{right:2.5rem}.nav-btn-left{left:2.5rem}.hero-video{position:relative;width:calc(100vw - 8rem);height:calc(100vh - 9rem);border:none;border-radius:4px;overflow:hidden;background:#1a1a2e0d;opacity:0;transform:translateY(20px);animation:fadeUp 1.2s cubic-bezier(.16,1,.3,1) forwards;animation-play-state:paused}.hero-video:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:5px;border:1px solid transparent;background:linear-gradient(135deg,var(--color-accent),transparent 40%,transparent 60%,var(--color-accent2)) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:4;pointer-events:none}.hero-video:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:4px;box-shadow:inset 0 0 30px #00000026;z-index:3;pointer-events:none}.page.visible .hero-video{animation-play-state:running;animation-delay:.3s}.hero-video video{width:100%;height:100%;object-fit:cover;display:block}.video-text{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;background:radial-gradient(ellipse at center,#00000026,#0000000d 60%,#0003)}.video-title-wrap{display:flex;align-items:center;gap:.8rem}.video-title-icon{width:clamp(2rem,5vw,3.5rem);height:auto}.video-label{font-family:var(--font-display);font-weight:700;font-size:clamp(1.6rem,5vw,3.5rem);letter-spacing:.15em;color:#fff;text-shadow:0 0 30px rgba(0,0,0,.4),0 2px 15px rgba(0,0,0,.3)}.video-label-lg{font-size:clamp(3rem,10vw,7rem)}.video-separator{width:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-accent),var(--color-accent2),transparent);margin:1rem 0;animation:lineExpandWide 1.5s cubic-bezier(.16,1,.3,1) forwards;animation-play-state:paused}.page.visible .video-separator{animation-play-state:running;animation-delay:1s}.video-desc{font-family:var(--font-body);font-size:clamp(.6rem,1.2vw,.85rem);letter-spacing:.25em;color:#fffc;text-shadow:0 1px 8px rgba(0,0,0,.4)}.message-content{text-align:center;opacity:0;transform:translateY(20px);animation:fadeUp 1.2s cubic-bezier(.16,1,.3,1) forwards;animation-play-state:paused}.page.visible .message-content{animation-play-state:running;animation-delay:.2s}.message-title{font-family:var(--font-display);font-weight:900;font-size:clamp(2rem,7vw,5rem);letter-spacing:.15em;text-transform:uppercase;color:var(--color-text)}.message-separator{width:0;height:1px;margin:1.5rem auto;background:linear-gradient(90deg,transparent,var(--color-accent),var(--color-accent2),transparent);animation:lineExpandWide 1.5s cubic-bezier(.16,1,.3,1) forwards;animation-play-state:paused}.page.visible .message-separator{animation-play-state:running;animation-delay:.8s}.message-desc{font-family:var(--font-body);font-size:clamp(.7rem,1.3vw,.95rem);letter-spacing:.2em;color:var(--color-dim);margin-bottom:2.5rem}.lang-selector{position:relative}.lang-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;cursor:pointer;padding:6px;opacity:.4;transition:opacity .3s ease,background .3s ease}.lang-btn:hover{opacity:.9;background:#1a1a2e0f}.lang-icon{width:20px;height:20px}.lang-dropdown{display:none;position:absolute;top:100%;right:0;margin-top:4px;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:100px;overflow:hidden}.lang-dropdown.show{display:block}.lang-option{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;cursor:pointer;font-family:var(--font-body);font-size:.75rem;letter-spacing:.05em;transition:background .15s}.lang-option:hover{background:#f0f0f0}.lang-option.selected{background:linear-gradient(135deg,#f0f7ff,#e8f4ff)}.lang-check{width:18px;height:18px;border-radius:50%;border:2px solid #ccc;display:flex;align-items:center;justify-content:center;font-size:10px;transition:all .2s;color:transparent}.lang-option.selected .lang-check{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.menu-selector{position:relative;margin-left:8px}.menu-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;cursor:pointer;padding:6px;opacity:.4;transition:opacity .3s ease,background .3s ease}.menu-btn:hover{opacity:.9;background:#1a1a2e0f}.menu-icon{width:20px;height:20px}.menu-dropdown{display:none;position:absolute;top:100%;right:0;margin-top:4px;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:180px;overflow:hidden}.menu-dropdown.show{display:block}.menu-option{display:flex;align-items:center;padding:10px 14px;cursor:pointer;font-family:var(--font-body);font-size:.75rem;letter-spacing:.05em;transition:background .15s}.menu-option:hover{background:#f0f0f0}a.menu-option{text-decoration:none;color:inherit}.menu-option-active{background:linear-gradient(135deg,#f0f7ff,#e8f4ff)}#page-about,#page-privacy,#page-account,#page-terms{background:var(--color-bg);z-index:15;justify-content:flex-start;overflow-y:auto}.subpage-content{width:100%;max-width:640px;margin:0 auto;padding:4rem 2rem 6rem}.subpage-heading{font-family:var(--font-display);font-weight:700;font-size:clamp(1rem,2.5vw,1.4rem);letter-spacing:.1em;color:var(--color-text);margin-bottom:.8rem}.subpage-section{margin-top:2.5rem}.subpage-section-title{font-family:var(--font-display);font-weight:700;font-size:clamp(.85rem,1.8vw,1.1rem);letter-spacing:.1em;color:var(--color-text);margin-bottom:.8rem}.subpage-section-line{width:clamp(40px,8vw,80px);height:1px;background:linear-gradient(90deg,var(--color-accent),var(--color-accent2),transparent);margin-bottom:1rem}.subpage-section-text{font-family:var(--font-body);font-size:clamp(.65rem,1.1vw,.8rem);line-height:2;letter-spacing:.05em;color:#1a1a2e99}.subpage-list{list-style:none;margin-top:1.5rem;display:flex;flex-direction:column;gap:1rem}.subpage-list-item{font-family:var(--font-body);font-size:clamp(.65rem,1.1vw,.8rem);line-height:2;letter-spacing:.05em;color:#1a1a2e99;padding-left:1.2em;position:relative}.subpage-list-item:before{content:"";position:absolute;left:0;top:.85em;width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,var(--color-accent),var(--color-accent2))}.subpage-section-text a{color:var(--color-accent);text-decoration:none;word-break:break-all}.subpage-section-text a:hover{text-decoration:underline}.subpage-section-text code{background:#1a1a2e0f;padding:.15em .4em;border-radius:3px;font-size:.9em}.subpage-img{max-width:100%;border-radius:4px;margin:.5rem 0}.vignette{position:fixed;top:0;left:0;width:100%;height:100%;z-index:4;pointer-events:none;background:radial-gradient(ellipse at center,transparent 40%,rgba(245,245,248,.7) 100%)}@keyframes fadeUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes lineExpandWide{to{width:clamp(80px,15vw,180px)}}@media(max-width:768px){.hero-video{width:calc(100vw - 1rem);height:calc(100vh - 1rem);border-radius:2px}.nav-btn-right{right:1rem}.nav-btn-left{left:1rem}.nav-btn{width:36px;height:36px}.site-header{padding:.8rem 1rem}.site-footer{padding:1rem 1rem 1.5rem}}