@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)}#space-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}#intro{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-bg);transition:opacity 2s cubic-bezier(.4,0,.2,1)}#intro.fade-out{opacity:0;pointer-events:none}.intro-logo{font-family:var(--font-display);font-weight:900;font-size:clamp(3rem,10vw,8rem);letter-spacing:.3em;text-transform:uppercase;background:linear-gradient(135deg,var(--color-accent),var(--color-accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:0;transform:translateY(20px) scale(.95);animation:introReveal 1.8s cubic-bezier(.16,1,.3,1) .5s forwards;position:relative}.intro-logo:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-accent),transparent);animation:lineExpand 1.2s cubic-bezier(.16,1,.3,1) 1.5s forwards}.intro-author{font-family:var(--font-body);font-size:clamp(.55rem,1vw,.7rem);letter-spacing:.15em;color:var(--color-dim);margin-top:2rem;opacity:0;animation:fadeUp 1s ease 2s forwards;line-height:1}.page{position:fixed;top:0;left:0;width:100%;height:100%;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}.nav-btn{position:fixed;top:50%;transform:translateY(-50%);width:44px;height:44px;background:none;border:none;color:var(--color-accent);cursor:pointer;opacity:.5;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:clamp(320px,75vw,960px);aspect-ratio:16 / 9;border:1px solid rgba(26,26,46,.12);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}.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-label{font-family:var(--font-display);font-weight:700;font-size:clamp(1.6rem,5vw,3.5rem);letter-spacing:.15em;text-transform:uppercase;color:#fff;text-shadow:0 0 30px rgba(0,0,0,.4),0 2px 15px rgba(0,0,0,.3)}.video-separator{width:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),rgba(255,255,255,.5),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)}.hero-video:before{content:"";position:absolute;top:-1px;left:-1px;width:24px;height:24px;border-top:1px solid var(--color-accent);border-left:1px solid var(--color-accent);z-index:3;pointer-events:none}.hero-video:after{content:"";position:absolute;bottom:-1px;right:-1px;width:24px;height:24px;border-bottom:1px solid var(--color-accent2);border-right:1px solid var(--color-accent2);z-index:3;pointer-events:none}.hero-bottom{position:fixed;bottom:2.5rem;left:50%;transform:translate(-50%);opacity:0;animation:fadeUp 1s ease forwards;animation-play-state:paused}.page.visible .hero-bottom{animation-play-state:running;animation-delay:1.2s}.hero-platforms{font-family:var(--font-body);font-size:clamp(.5rem,.8vw,.65rem);letter-spacing:.4em;text-transform:uppercase;color:var(--color-dim)}.hero-platforms span{margin:0 .6em;transition:color .3s ease}.hero-platforms span:not(.dot):hover{color:var(--color-accent)}.about-scroll{width:100%;max-width:640px;max-height:70vh;overflow-y:auto;padding:2rem;background:var(--color-bg);border-radius:4px;scrollbar-width:thin;scrollbar-color:rgba(26,26,46,.15) transparent}.about-scroll::-webkit-scrollbar{width:3px}.about-scroll::-webkit-scrollbar-track{background:transparent}.about-scroll::-webkit-scrollbar-thumb{background:#1a1a2e26;border-radius:2px}.about-section{margin-bottom:3rem}.about-section:last-child{margin-bottom:1rem}.about-title{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}.about-line{width:clamp(40px,8vw,80px);height:1px;background:linear-gradient(90deg,var(--color-accent),var(--color-accent2),transparent);margin-bottom:1rem}.about-text{font-family:var(--font-body);font-size:clamp(.65rem,1.1vw,.8rem);line-height:2;letter-spacing:.05em;color:#1a1a2e99}.lang-selector{position:fixed;top:2rem;right:2.5rem;z-index:20}.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}.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 introReveal{to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes lineExpand{to{width:clamp(100px,20vw,200px)}}@keyframes lineExpandWide{to{width:clamp(80px,15vw,180px)}}@media(max-width:768px){.hero-video{width:clamp(280px,92vw,720px)}.nav-btn-right{right:1rem}.nav-btn-left{left:1rem}.nav-btn{width:36px;height:36px}.about-scroll{padding:2rem 1.5rem;max-height:75vh}}