@import "https://fonts.googleapis.com/css2?family=Exo+2:wght@300;400;500;600;700;800&family=Rajdhani:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--bg:#04091a;--bg2:#070f22;--accent1:#6c5ce7;--accent2:#00cec9;--accent3:#fd79a8;--accent4:#fdcb6e;--accent5:#55efc4;--text:#dde6ff;--muted:#5a6a90;--glow1:#6c5ce799;--glow2:#00cec980;--glow3:#fd79a880}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Outfit,sans-serif;overflow-x:hidden}#bg-canvas{z-index:0;pointer-events:none;position:fixed;inset:0}.nav{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#04091a99;border-bottom:1px solid #6c5ce71f;justify-content:space-between;align-items:center;padding:18px 48px;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo-icon{width:32px;height:32px}.nav-logo-text{color:#fff;letter-spacing:2px;font-family:Orbitron,monospace;font-size:18px;font-weight:700}.nav-logo-sub{letter-spacing:2.5px;color:var(--muted);font-family:Orbitron,monospace;font-size:7px;font-weight:400;line-height:1;display:block}.nav-links{gap:32px;list-style:none;display:flex}.nav-btn{color:#fff;cursor:pointer;letter-spacing:.3px;background:0 0;border:1px solid #6c5ce780;border-radius:50px;padding:8px 22px;font-family:Outfit,sans-serif;font-size:13px;font-weight:500;transition:all .3s}.nav-btn:hover{border-color:var(--accent2);box-shadow:0 0 20px #00cec933}.hero{z-index:1;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding-bottom:180px;display:flex;position:relative;overflow:hidden}.crystal{pointer-events:none;border-radius:14px;position:absolute}.cr1{background:linear-gradient(135deg,#00cec94d,#6c5ce733);border:1px solid #00cec933;width:75px;height:135px;animation:7s ease-in-out infinite floatA;top:20%;left:4%;transform:rotate(-15deg)}.cr2{background:linear-gradient(135deg,#6c5ce740,#fd79a826);border:1px solid #6c5ce733;width:45px;height:85px;animation:9s ease-in-out infinite floatB;top:42%;left:7.5%;transform:rotate(10deg)}.cr3{background:linear-gradient(135deg,#6c5ce733,#4c33b326);border:1px solid #6c5ce726;width:95px;height:75px;animation:11s ease-in-out infinite reverse floatA;top:56%;left:1%;transform:rotate(-5deg)skewY(8deg)}.cr4{background:linear-gradient(135deg,#55efc440,#00cec926);border:1px solid #55efc433;width:95px;height:65px;animation:8s ease-in-out infinite floatB;top:14%;right:3%;transform:rotate(18deg)}.cr5{background:linear-gradient(135deg,#00cec933,#6c5ce726);border:1px solid #00cec926;width:110px;height:170px;animation:10s ease-in-out infinite floatA;top:32%;right:.5%;transform:rotate(-10deg)}.cr6{background:linear-gradient(135deg,#fdcb6e40,#fd79a826);border:1px solid #fdcb6e33;width:65px;height:65px;animation:6s ease-in-out infinite floatB;top:62%;right:5%;transform:rotate(28deg)}.cr7{background:linear-gradient(135deg,#fd79a833,#fdcb6e1a);border:1px solid #fd79a833;border-radius:6px;width:40px;height:40px;animation:8s ease-in-out infinite floatA;top:72%;left:14%;transform:rotate(45deg)}.cr8{background:linear-gradient(135deg,#fd79a840,#6c5ce726);border:1px solid #fd79a833;border-radius:8px;width:30px;height:55px;animation:7.5s ease-in-out infinite floatB;top:22%;right:13%;transform:rotate(-20deg)}@keyframes floatA{0%,to{transform:rotate(-15deg)translateY(0)}50%{transform:rotate(-15deg)translateY(-20px)}}@keyframes floatB{0%,to{transform:rotate(18deg)translateY(0)}50%{transform:rotate(18deg)translateY(16px)}}.atom-wrap{flex-shrink:0;width:380px;height:320px;margin-bottom:10px;position:relative}#atom-canvas{width:100%;height:100%;display:block}.hero-text{text-align:center;z-index:2;padding:0 24px;animation:1s .4s both fadeUp}.hero-tag{letter-spacing:3px;color:var(--accent2);text-transform:uppercase;background:#00cec90d;border:1px solid #00cec940;border-radius:50px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 16px;font-family:Space Mono,monospace;font-size:10px;display:inline-flex}.hero-tag:before{content:"";background:var(--accent2);width:5px;height:5px;box-shadow:0 0 8px var(--accent2);border-radius:50%;animation:2s ease-in-out infinite pulse}.hero-title{letter-spacing:-.5px;color:#fff;margin-bottom:18px;font-family:Orbitron,monospace;font-size:clamp(32px,5.5vw,68px);font-weight:900;line-height:1.08}.hero-title .hi{background:linear-gradient(135deg, var(--accent2), var(--accent1), var(--accent3));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.hero-sim-label{justify-content:center;align-items:center;gap:14px;margin-bottom:28px;display:flex}.sim-line{background:linear-gradient(90deg,#0000,#00cec980);width:48px;height:1px}.sim-line:last-child{background:linear-gradient(90deg,#00cec980,#0000)}.sim-text{letter-spacing:4px;text-transform:uppercase;background:linear-gradient(90deg, var(--accent2), var(--accent1), var(--accent3));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Space Mono,monospace;font-size:11px}.hero-sub{color:#dde6ff8c;letter-spacing:.3px;max-width:500px;margin-bottom:38px;margin-left:auto;margin-right:auto;font-size:16px;font-weight:300;line-height:1.6}.hero-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.btn-primary-new{color:#fff;cursor:pointer;letter-spacing:.3px;background:linear-gradient(135deg,#6c5ce7e6,#00cec9cc);border:none;border-radius:50px;align-items:center;gap:8px;padding:14px 32px;font-family:Outfit,sans-serif;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 30px #6c5ce74d}.btn-primary-new:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff1a,#0000);transition:opacity .3s;position:absolute;inset:0}.btn-primary-new:hover{transform:translateY(-2px);box-shadow:0 8px 40px #6c5ce780}.btn-primary-new:hover:before{opacity:1}.modules{z-index:2;background:radial-gradient(circle at 50% 30%,#6c5ce726,#0000 60%),radial-gradient(circle at 15% 70%,#00cec91f,#0000 50%),radial-gradient(circle at 85% 85%,#fd79a81f,#0000 50%),linear-gradient(#0000,#070f22f7 8%,#070f22f7);padding:0 48px 80px;position:relative}.section-label{text-align:center;letter-spacing:4px;background:linear-gradient(90deg, var(--accent2), var(--accent1), var(--accent3));-webkit-text-fill-color:transparent;text-transform:uppercase;filter:drop-shadow(0 0 15px #6c5ce766);-webkit-background-clip:text;background-clip:text;margin-bottom:50px;font-family:Orbitron,monospace;font-size:28px;font-weight:800}.modules-grid{grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:14px;max-width:1200px;margin:0 auto;display:grid}.mod-card{cursor:pointer;background:linear-gradient(145deg,#101837cc,#060a19f2);border:1px solid #6c5ce740;border-radius:20px;flex-direction:column;padding:26px 20px 22px;text-decoration:none;transition:transform .35s cubic-bezier(.34,1.56,.64,1),border-color .3s,box-shadow .3s,background .3s;animation:.7s both fadeUp;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d,inset 0 1px 2px #ffffff0d}.mod-card.disabled{pointer-events:none;opacity:.85;filter:grayscale(50%)}.mod-card:first-child{animation-delay:.1s}.mod-card:nth-child(2){animation-delay:.18s}.mod-card:nth-child(3){animation-delay:.26s}.mod-card:nth-child(4){animation-delay:.34s}.mod-card:nth-child(5){animation-delay:.42s}.mod-card:nth-child(6){animation-delay:.5s}.mod-card:after{content:"";opacity:0;background:radial-gradient(circle at 50% -20%,#6c5ce740,#0000 65%);transition:opacity .35s;position:absolute;inset:0}.mod-card:hover{background:linear-gradient(145deg,#141e41e6,#080e23);border-color:#00cec980;transform:translateY(-10px)scale(1.02);box-shadow:0 20px 50px #0009,0 0 30px #00cec933,inset 0 1px 3px #ffffff1a}.mod-card:hover:after{opacity:1}.mod-icon{border-radius:16px;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto 18px;display:flex;position:relative}.mod-name{color:#e0e8ff;letter-spacing:.8px;text-transform:uppercase;margin-bottom:8px;font-family:Orbitron,monospace;font-size:12px;font-weight:700}.mod-badge{letter-spacing:1.5px;text-transform:uppercase;align-items:center;gap:5px;margin-bottom:10px;font-family:Space Mono,monospace;font-size:8px;font-weight:400;display:inline-flex}.mod-badge .dot{border-radius:50%;width:5px;height:5px;animation:2s ease-in-out infinite pulse}.badge-ok{color:#55efc4}.badge-ok .dot{background:#55efc4;box-shadow:0 0 6px #55efc4}.badge-soon{color:#a29bfe}.badge-soon .dot{background:#a29bfe;box-shadow:0 0 6px #a29bfe}.mod-desc{color:#a0afd799;margin-top:auto;font-size:12px;font-weight:300;line-height:1.55}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceDown{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.scroll-arrow{color:var(--accent1);filter:drop-shadow(0 0 8px var(--glow1));justify-content:center;margin-top:-40px;margin-bottom:-100px;transition:all .3s;animation:2s ease-in-out infinite bounceDown;display:flex}.scroll-arrow:hover{color:#00cec9}.footer{z-index:2;background:#04091af2;border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:24px 48px;display:flex;position:relative}.footer-links{gap:24px;list-style:none;display:flex}.footer-links a{color:var(--muted);font-size:12px;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#fff}.footer-copy{color:var(--muted);font-family:Space Mono,monospace;font-size:11px}.footer-social{gap:10px;display:flex}.social-btn{cursor:pointer;width:32px;height:32px;color:var(--muted);background:#ffffff0a;border:1px solid #ffffff12;border-radius:8px;justify-content:center;align-items:center;font-size:13px;text-decoration:none;transition:all .2s;display:flex}.social-btn:hover{color:#fff;background:#6c5ce733;border-color:#6c5ce766}:root{--bg:#060d1f;--bg2:#0a1428;--accent1:#7c6aff;--accent2:#00e5ff;--accent3:#b06aff;--green:#a8ff78;--text:#e0e8ff;--muted:#6a7aa0;--bg-deepest:#050510;--color-position:#00e676;--color-velocity:#ff5252;--color-acceleration:#448aff;--color-energy:#ffd740;--color-wave:#e040fb;--color-temperature:#ff6e40;--color-electric:#18ffff;--color-primary:#6c5ce7;--color-primary-glow:#6c5ce74d;--color-primary-light:#a29bfe;--color-secondary:#00cec9;--color-secondary-glow:#00cec94d;--color-accent:#fd79a8;--color-success:#00b894;--color-warning:#fdcb6e;--color-danger:#e17055;--text-primary:#f0f0ff;--text-secondary:#a0a0c0;--text-muted:#606080;--text-on-accent:#fff;--border-subtle:#ffffff0f;--border-glass:#ffffff1a;--border-active:#6c5ce780;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow-primary:0 0 20px #6c5ce74d;--shadow-glow-green:0 0 20px #00e67633;--shadow-glow-red:0 0 20px #ff525233;--shadow-glow-blue:0 0 20px #448aff33;--font-display:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);background:var(--bg-deepest);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#6c5ce74d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#6c5ce780}.bg-grid{pointer-events:none;z-index:0;background-image:linear-gradient(#6c5ce708 1px,#0000 1px),linear-gradient(90deg,#6c5ce708 1px,#0000 1px);background-size:40px 40px;position:fixed;inset:0}.bg-radial{pointer-events:none;z-index:0;background:radial-gradient(80% 50% at 50% -20%,#6c5ce726,#0000),radial-gradient(60% 40% at 80%,#00cec90d,#0000),radial-gradient(60% 40% at 20% 80%,#fd79a80d,#0000);position:fixed;inset:0}.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:var(--radius-lg)}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);transition:all var(--transition-base)}.glass-card:hover{border-color:var(--border-active);box-shadow:var(--shadow-glow-primary);transform:translateY(-2px)}.btn{font-family:var(--font-body);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(135deg,#ffffff1a,#0000);position:absolute;inset:0}.btn:hover:before{opacity:1}.btn-primary{background:linear-gradient(135deg, var(--color-primary), #8b5cf6);color:var(--text-on-accent);box-shadow:0 4px 15px #6c5ce766}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 25px #6c5ce799}.btn-primary:active{transform:translateY(0)}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border-subtle);background:#ffffff0d}.btn-ghost:hover{color:var(--text-primary);border-color:var(--border-glass);background:#ffffff1a}.btn-icon{border-radius:var(--radius-md);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);background:#ffffff0d;padding:10px}.btn-icon:hover{border-color:var(--border-active);color:var(--color-primary-light);background:#6c5ce726}.slider-container{flex-direction:column;gap:6px;display:flex}.slider-label{justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.slider-label-name{color:var(--text-secondary);font-weight:500}.slider-label-value{font-family:var(--font-mono);color:var(--color-primary-light);border-radius:var(--radius-sm);background:#6c5ce71a;padding:2px 8px;font-size:.75rem}.slider-label-value.editable{cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000}.slider-label-value.editable:hover{border-color:var(--border-active);background:#6c5ce733}.slider-edit-wrap{align-items:center;display:flex}input[type=range]{appearance:none;cursor:pointer;background:#ffffff14;border-radius:2px;outline:none;width:100%;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--color-primary);cursor:pointer;width:16px;height:16px;transition:all var(--transition-fast);border-radius:50%;box-shadow:0 0 10px #6c5ce780}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 15px #6c5ce7b3}input[type=range]::-moz-range-thumb{background:var(--color-primary);cursor:pointer;border:none;border-radius:50%;width:16px;height:16px;box-shadow:0 0 10px #6c5ce780}.number-input{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-mono);width:80px;transition:border-color var(--transition-fast);background:#ffffff0d;outline:none;padding:6px 10px;font-size:.8rem}.number-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #6c5ce733}.sim-layout{z-index:1;grid-template-columns:280px 1fr 340px;gap:16px;height:100vh;margin-top:0;padding:16px;display:grid;position:relative}.kin-hub-container .sim-layout{height:100%;margin-top:0}.sim-panel{flex-direction:column;gap:12px;padding:16px;display:flex;overflow-y:auto}.sim-panel-section{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#ffffff05;padding:16px}.sim-panel-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);align-items:center;gap:8px;margin-bottom:12px;font-size:.75rem;font-weight:700;display:flex}.sim-panel-title:before{content:"";background:var(--color-primary);border-radius:2px;width:3px;height:14px}.sim-canvas-container{border-radius:var(--radius-lg);background:var(--bg-deep);border:1px solid var(--border-subtle);position:relative;overflow:hidden}.sim-canvas-container canvas{width:100%;height:100%;display:block}.canvas-controls{-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);z-index:10;background:#0000008c;align-items:center;gap:4px;padding:4px 6px;display:flex;position:absolute;top:12px;right:12px}.canvas-ctrl-btn{border:1px solid var(--border-subtle);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;font-size:1rem;font-family:var(--font-body);transition:all var(--transition-fast);background:#ffffff0d;border-radius:6px;justify-content:center;align-items:center;display:flex}.canvas-ctrl-btn:hover{border-color:var(--border-active);color:var(--color-primary-light);background:#6c5ce733}.canvas-zoom-label{font-family:var(--font-mono);color:var(--text-muted);text-align:center;min-width:36px;font-size:.65rem}.navbar{z-index:100;-webkit-backdrop-filter:blur(20px);background:#060d1fb3;border-bottom:1px solid #7c6aff1a;align-items:center;height:64px;padding:0 48px;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{align-items:center;gap:12px;text-decoration:none;display:flex}.nav-logo-icon{width:38px;height:38px;position:relative}.nav-logo-icon svg{width:100%;height:100%}.nav-logo-text{flex-direction:column;display:flex}.nav-logo-name{color:#fff;letter-spacing:1px;font-family:Rajdhani,sans-serif;font-size:20px;font-weight:700;line-height:1}.nav-logo-name span{color:var(--accent1)}.nav-logo-sub{letter-spacing:3px;color:var(--muted);text-transform:uppercase;margin-top:2px;font-size:8px}.nav-links{gap:36px;margin-left:60px;list-style:none;display:flex}.nav-links a{color:#e0e8ffa6;letter-spacing:.3px;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:#fff}.nav-spacer{flex:1}.nav-cta{background:linear-gradient(135deg, var(--accent1), var(--accent3));color:#fff;cursor:pointer;letter-spacing:.3px;border:none;border-radius:8px;padding:10px 24px;font-family:"Exo 2",sans-serif;font-size:14px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;box-shadow:0 0 20px #7c6aff4d}.nav-cta:hover{transform:translateY(-1px);box-shadow:0 0 32px #7c6aff80}.sim-controls{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#ffffff08;align-items:center;gap:8px;padding:8px 12px;display:flex}.sim-controls .btn-control{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0a;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.sim-controls .btn-control:hover{border-color:var(--border-active);color:var(--color-primary-light);background:#6c5ce726}.sim-controls .btn-control.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 0 12px #6c5ce766}.sim-time{font-family:var(--font-mono);color:var(--text-muted);border-radius:var(--radius-sm);background:#0000004d;margin-left:auto;padding:4px 10px;font-size:.8rem}.value-display{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:#0003;align-items:center;gap:8px;padding:8px 12px;display:flex}.value-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.value-name{color:var(--text-muted);flex:1;font-size:.75rem}.value-number{font-family:var(--font-mono);color:var(--text-primary);font-size:.8rem;font-weight:600}.value-unit{color:var(--text-muted);font-size:.65rem}.chart-container{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#0003;flex-direction:column;flex-shrink:0;gap:6px;padding:10px 12px;display:flex}.chart-title{font-family:var(--font-display);color:var(--text-secondary);flex-shrink:0;align-items:center;gap:6px;font-size:.7rem;font-weight:600;display:flex}.chart-canvas{border-radius:var(--radius-sm);width:100%;min-height:120px}.preset-btn{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;font-size:.8rem;font-family:var(--font-body);text-align:left;width:100%;transition:all var(--transition-fast);background:#ffffff08;align-items:center;gap:8px;padding:8px 12px;display:flex}.preset-btn:hover{border-color:var(--border-active);color:var(--text-primary);background:#6c5ce71a}.preset-btn.active{border-color:var(--color-primary);color:var(--color-primary-light);background:#6c5ce726}.landing{z-index:1;flex-direction:column;flex:1;display:flex;position:relative}.landing-hero{text-align:center;padding:60px 24px 40px}.landing-badge{border-radius:var(--radius-full);color:var(--color-primary-light);letter-spacing:.05em;background:#6c5ce71a;border:1px solid #6c5ce74d;align-items:center;gap:8px;margin-bottom:24px;padding:6px 16px;font-size:.75rem;font-weight:600;display:inline-flex}.landing-badge-dot{background:var(--color-primary);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.landing-title{font-family:var(--font-display);background:linear-gradient(135deg, #fff 0%, var(--color-primary-light) 50%, var(--color-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:3.5rem;font-weight:900;line-height:1.1}.landing-subtitle{color:var(--text-secondary);max-width:500px;margin:0 auto;font-size:1.1rem;line-height:1.7}.landing-modules{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;width:100%;max-width:1200px;margin:0 auto;padding:0 24px 60px;display:grid}.module-card{cursor:pointer;flex-direction:column;gap:12px;min-height:180px;padding:24px;text-decoration:none;display:flex;position:relative;overflow:hidden}.module-card-glow{background:radial-gradient(circle, var(--glow-color,#6c5ce714) 0%, transparent 70%);opacity:0;width:200%;height:200%;transition:opacity var(--transition-slow);pointer-events:none;position:absolute;top:-50%;left:-50%}.module-card:hover .module-card-glow{opacity:1}.module-card-icon{border-radius:var(--radius-md);background:var(--icon-bg,#6c5ce71a);border:1px solid var(--icon-border,#6c5ce733);justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.module-card-title{font-family:var(--font-display);color:var(--text-primary);font-size:1.1rem;font-weight:700}.module-card-desc{color:var(--text-muted);font-size:.8rem;line-height:1.5}.module-card-status{text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:6px;margin-top:auto;font-size:.7rem;font-weight:600;display:flex}.module-card-status.available{color:var(--color-success)}.module-card-status.coming-soon{color:var(--text-muted)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 15px #6c5ce733}50%{box-shadow:0 0 25px #6c5ce766}}.animate-fade-in{animation:fadeIn var(--transition-slow) ease-out forwards}.animate-fade-in-up{animation:fadeInUp var(--transition-slow) ease-out forwards}.animate-slide-in-left{animation:slideInLeft var(--transition-slow) ease-out forwards}.stagger-children>*{opacity:0;animation:.4s ease-out forwards fadeInUp}.stagger-children>:first-child{animation-delay:0s}.stagger-children>:nth-child(2){animation-delay:60ms}.stagger-children>:nth-child(3){animation-delay:.12s}.stagger-children>:nth-child(4){animation-delay:.18s}.stagger-children>:nth-child(5){animation-delay:.24s}.stagger-children>:nth-child(6){animation-delay:.3s}.stagger-children>:nth-child(7){animation-delay:.36s}@media (width<=1024px){.sim-layout{grid-template-rows:auto 1fr auto;grid-template-columns:1fr;height:auto;min-height:calc(100vh - 64px)}.landing-title{font-size:2.5rem}}@media (width<=768px){.landing-title{font-size:2rem}.landing-modules{grid-template-columns:1fr}}.particles-canvas{pointer-events:none;z-index:0;position:fixed;inset:0}.theory-panel{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#0003;padding:16px}.theory-equation{font-family:var(--font-mono);color:#fff;text-align:center;border-radius:var(--radius-md);letter-spacing:.05em;text-shadow:0 0 8px #ffffff4d;background:linear-gradient(135deg,#6c5ce726,#00cec90d);border:1px solid #6c5ce74d;margin:10px 0;padding:14px;font-size:.95rem;font-weight:500;box-shadow:0 4px 12px #0003,inset 0 0 10px #6c5ce71a}.canvas-ctrl-btn.follow-btn{background:#6c5ce71a;gap:6px;width:auto;padding:0 10px;font-size:.75rem;font-weight:600}.canvas-ctrl-btn.follow-btn.active{color:#000;background:#ff9800;border-color:#ffb74d;font-weight:700;box-shadow:0 0 15px #ff980080}.canvas-ctrl-divider{background:var(--border-subtle);width:1px;height:18px;margin:0 4px}.canvas-ctrl-btn.active{border-color:var(--color-primary);color:var(--color-primary-light);background:#6c5ce74d}.navbar-right{align-items:center;gap:16px;display:flex}.navbar-link{color:var(--text-secondary);transition:color var(--transition-fast);font-size:.85rem;font-weight:500;text-decoration:none}.navbar-link:hover{color:var(--text-primary)}.kin-hub-tabs{-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border-subtle);z-index:10;background:#0a0e1ed9;align-items:center;gap:12px;padding:8px 16px;display:flex;position:relative}.kin-hub-tab{border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);transition:all var(--transition-base);background:#ffffff08;align-items:center;gap:8px;padding:8px 20px;font-size:.85rem;font-weight:600;display:flex}.kin-hub-tab:hover{color:var(--text-primary);border-color:var(--border-active);background:#6c5ce71a}.kin-hub-tab.active{border-color:var(--color-primary);color:var(--color-primary-light);background:#6c5ce733;box-shadow:0 0 12px #6c5ce733}.kin-hub-tab-icon{font-size:1rem}.kin-hub-tab-badge{border-radius:var(--radius-full);color:var(--color-primary-light);text-transform:uppercase;letter-spacing:.1em;background:#6c5ce733;padding:2px 6px;font-size:.6rem;font-weight:700}.floating-shapes{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.floating-shape{background:linear-gradient(135deg,#6c5ce70f,#00cec90a);border:1px solid #ffffff0f;border-radius:12px;animation:20s ease-in-out infinite floatShape;position:absolute}.shape-1{width:120px;height:120px;animation-delay:0s;top:8%;right:8%;transform:rotate(15deg)}.shape-2{border-radius:50%;width:80px;height:80px;animation-delay:-5s;top:25%;left:5%;transform:rotate(-25deg)}.shape-3{width:60px;height:60px;animation-delay:-10s;bottom:20%;right:15%;transform:rotate(45deg)}.shape-4{border-radius:50% 12px;width:100px;height:100px;animation-delay:-15s;top:50%;right:3%;transform:rotate(-10deg)}@keyframes floatShape{0%,to{transform:translateY(0) rotate(var(--rot,15deg));opacity:.5}33%{transform:translateY(-20px) rotate(calc(var(--rot,15deg) + 10deg));opacity:.8}66%{transform:translateY(10px) rotate(calc(var(--rot,15deg) - 5deg));opacity:.6}}.hero-visual{width:200px;height:200px;margin:0 auto 32px;position:relative}.hero-nucleus{background:radial-gradient(circle,#a29bfe,#6c5ce7);border-radius:50%;width:16px;height:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 30px #6c5ce799,0 0 60px #6c5ce74d}.hero-orbit{border:1px solid #6c5ce733;border-radius:50%;animation:linear infinite orbitSpin;position:absolute;top:50%;left:50%}.hero-orbit-1{width:100px;height:100px;margin-top:-50px;margin-left:-50px;animation-duration:4s;transform:rotateX(70deg)}.hero-orbit-2{border-color:#00cec933;width:150px;height:150px;margin-top:-75px;margin-left:-75px;animation-duration:6s;animation-direction:reverse;transform:rotateX(70deg)rotate(60deg)}.hero-orbit-3{border-color:#fd79a826;width:190px;height:190px;margin-top:-95px;margin-left:-95px;animation-duration:8s;transform:rotateX(70deg)rotate(120deg)}.hero-orbit-dot{background:var(--color-primary-light);border-radius:50%;width:8px;height:8px;margin-left:-4px;position:absolute;top:-4px;left:50%;box-shadow:0 0 10px #a29bfe99}.hero-orbit-2 .hero-orbit-dot{background:var(--color-secondary);box-shadow:0 0 10px #00cec999}.hero-orbit-3 .hero-orbit-dot{background:var(--color-accent);box-shadow:0 0 10px #fd79a899}@keyframes orbitSpin{0%{transform:rotateX(70deg) rotateZ(var(--start-z,0deg)) rotateY(0deg)}to{transform:rotateX(70deg) rotateZ(var(--start-z,0deg)) rotateY(360deg)}}.hero-cta-btn{font-family:var(--font-body);color:var(--text-primary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);letter-spacing:.02em;background:0 0;border:1.5px solid #ffffff4d;justify-content:center;align-items:center;margin-top:28px;padding:14px 36px;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-flex}.hero-cta-btn:hover{border-color:var(--color-primary);background:#6c5ce726;transform:translateY(-2px);box-shadow:0 0 25px #6c5ce74d}.module-cards-row{z-index:1;flex-wrap:wrap;justify-content:center;gap:14px;max-width:1100px;margin:0 auto;padding:0 24px 48px;display:flex;position:relative}.module-card-v2{text-align:center;border-radius:var(--radius-lg);border:1px solid var(--border-glass);cursor:pointer;width:155px;transition:all var(--transition-base);background:#12122d99;flex-direction:column;align-items:center;gap:8px;padding:20px 14px 18px;text-decoration:none;display:flex}.module-card-v2:hover{border-color:var(--mod-color,var(--border-active));box-shadow:0 0 20px color-mix(in srgb, var(--mod-color,#6c5ce7) 30%, transparent);transform:translateY(-4px)}.module-card-v2.disabled{opacity:.45;cursor:default}.module-card-v2.disabled:hover{box-shadow:none;border-color:var(--border-glass);transform:none}.module-card-v2-icon{margin-bottom:2px;font-size:1.8rem}.module-card-v2-title{font-family:var(--font-display);color:var(--text-primary);font-size:.85rem;font-weight:700}.module-card-v2-status{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);align-items:center;gap:5px;font-size:.55rem;font-weight:700;display:flex}.module-card-v2-status.available{color:var(--color-success)}.module-card-v2-status-dot{background:currentColor;border-radius:50%;width:5px;height:5px}.module-card-v2-desc{color:var(--text-muted);font-size:.7rem;line-height:1.4}.landing-footer{border-top:1px solid var(--border-subtle);z-index:1;color:var(--text-muted);justify-content:space-between;align-items:center;padding:20px 40px;font-size:.75rem;display:flex;position:relative}.landing-footer-links{gap:20px;display:flex}.landing-footer-links span{cursor:pointer;transition:color var(--transition-fast)}.landing-footer-links span:hover{color:var(--text-primary)}.landing-footer-social{opacity:.5;gap:12px;font-size:.6rem;display:flex}