@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600&display=swap";html,body,#root{width:100%;height:100%;margin:0;padding:0}*{box-sizing:border-box;scroll-behavior:smooth}body{background:#000;color:#e6edf3;overflow:hidden;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.bg-video{position:fixed;inset:0;width:100vw;height:100vh;object-fit:cover;z-index:-10;pointer-events:none}.overlay{position:fixed;inset:0;background:#000000a6;z-index:-5}.navbar{position:fixed;top:0;left:0;width:100%;height:64px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;background:#0f0f1473;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1}.nav-left{font-size:1.1rem;font-weight:600;letter-spacing:1px}.nav-right{display:flex;align-items:center}.nav-right span{position:relative;margin-left:24px;padding-bottom:4px;cursor:pointer;color:#9aa4b2;font-family:JetBrains Mono,monospace;transition:color .3s ease,transform .3s ease}.nav-right span:after{content:"";position:absolute;left:0;bottom:0;width:0%;height:2px;background:#e6eaf5;transition:width .3s ease}.navbar{position:fixed;top:0;left:0;width:100%;height:64px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;background:#0f0f1473;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10}.nav-right span:hover{color:#fff;transform:translateY(-2px)}.nav-right span:hover:after{width:100%}.hero{height:100vh;padding-left:48px;padding-top:64px;display:flex;flex-direction:column;justify-content:center;max-width:720px;position:relative;z-index:1;font-family:JetBrains Mono,monospace}.logo{width:110px;height:110px;border-radius:50%;object-fit:cover;padding:12px;background:#000000e8;box-shadow:0 0 28px #78b4ff4d;animation:float 6s ease-in-out infinite;margin-bottom:28px}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-14px)}to{transform:translateY(0)}}.hero-title{font-size:3rem;font-weight:600;line-height:1.25;margin-bottom:18px}.typewriter{display:inline-block;overflow:hidden;white-space:nowrap;border-right:2px solid #9aa4b2;padding-right:4px;animation:typing 3s steps(28,end) forwards,blink .8s step-end infinite}@keyframes typing{0%{width:0}to{width:28ch}}@keyframes blink{50%{border-color:transparent}}.hero p{font-size:1rem;color:#5ad239;max-width:520px;margin-bottom:32px}.hero button{width:fit-content;padding:12px 30px;border-radius:999px;background:#000000a2;border:1px solid rgba(255,255,255,.5);color:#e6edf3;font-family:JetBrains Mono,monospace;font-size:.95rem;cursor:pointer;transition:all .35s ease}.hero button:hover{transform:translateY(-3px);box-shadow:0 0 25px #2e0abf99}.simulations-page{min-height:100vh;padding:120px 80px 80px;position:relative;z-index:5}.sim-card{position:relative;z-index:5}.sim-title{font-family:JetBrains Mono,monospace;font-size:2.2rem;margin-bottom:48px}.sim-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px}.sim-card{background:#000000a9;border-radius:18px;overflow:hidden;cursor:pointer;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .35s ease,box-shadow .35s ease}.sim-card:hover{transform:translateY(-10px);box-shadow:0 15px 15px #031474a6}.sim-card video{width:100%;height:160px;object-fit:cover;display:block;filter:none}.sim-info{padding:18px 20px}.sim-info h3{font-size:1.1rem;margin-bottom:6px;font-family:JetBrains Mono,monospace}.sim-info p{font-size:.9rem;color:#9aa4b2}@media(max-width:768px){.hero{padding-left:28px}.simulations-page{padding:100px 32px 60px}.sim-title{font-size:1.8rem}}.overlay{pointer-events:none}.kinematics-page{min-height:100vh;padding:120px 80px 80px;overflow-y:auto;max-height:100vh}.page-title{font-family:JetBrains Mono,monospace;font-size:2.4rem;margin-bottom:8px}.page-subtitle{color:#9aa4b2;margin-bottom:48px;max-width:600px}.kin-section{margin-bottom:64px}.section-title{font-family:JetBrains Mono,monospace;font-size:1.6rem;margin-bottom:24px}.topic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:28px}.topic-card{background:#14182373;border-radius:16px;overflow:hidden;cursor:pointer;border:1px solid rgba(244,210,210,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .3s ease,box-shadow .3s ease}.topic-card .topic-media img{filter:grayscale(100%) brightness(.8);transition:filter .3s ease}.topic-card .topic-card:hover .topic-media img{filter:grayscale(40%) brightness(.95)}.topic-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #02144ea4}.topic-card.disabled{opacity:.4;pointer-events:none}.topic-media img{width:100%;height:150px;object-fit:cover;display:block}.topic-text{padding:16px 18px}.topic-text h3{font-size:1rem;margin-bottom:6px}.topic-text p{font-size:.85rem;color:#9aa4b2}.kinematics-page::-webkit-scrollbar{width:6px}.kinematics-page::-webkit-scrollbar-thumb{background:#000000ca;border-radius:6px}.kinematics-page::-webkit-scrollbar-track{background:transparent}.simulation-page{min-height:100vh;padding:120px 80px 80px;overflow-y:auto;max-height:100vh;position:relative;z-index:5}.simulation-canvas{margin-top:32px;background:#14182366;border-radius:16px;padding:24px}.simulation-page{min-height:100vh;max-height:100vh;padding:120px 80px 80px;overflow-y:auto;position:relative;z-index:5}.simulation-page::-webkit-scrollbar{width:6px}.simulation-page::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:6px}.simulation-page::-webkit-scrollbar-track{background:transparent}.app-scroll{position:relative;z-index:5;height:100vh;overflow-y:auto;padding-top:64px}.app-scroll::-webkit-scrollbar{width:6px}.app-scroll::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:6px}.app-scroll::-webkit-scrollbar-track{background:transparent}.mechanics-page{min-height:100vh;padding:120px 80px 80px}