:root{--bg-base: #050505;--bg-surface: #121212;--bg-surface-hover: #1a1a1a;--border-subtle: #222222;--text-primary: #ffffff;--text-secondary: #999999;--text-tertiary: #666666;--accent: #5c7cfa;--accent-hover: #4c6ef5;--accent-muted: rgba(92, 124, 250, .15);--font-sans: "Inter", sans-serif;--font-display: "Space Grotesk", sans-serif;--max-width: 1200px}*{margin:0;padding:0;box-sizing:border-box}html,body{background-color:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}#app{display:flex;flex-direction:column;min-height:100vh}main{flex-grow:1;padding-top:80px}a{color:inherit;text-decoration:none;transition:color .2s ease}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;color:var(--text-primary)}.title-hero{font-size:clamp(3rem,6vw,5rem);line-height:1.1;margin-bottom:1.5rem;letter-spacing:-.04em}.title-section{font-size:clamp(2rem,4vw,3rem);margin-bottom:2rem}.text-lead{font-size:1.25rem;color:var(--text-secondary);max-width:700px}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 2rem}.section{padding:6rem 0}.grid{display:grid;gap:2rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-weight:500;font-size:.95rem;border-radius:4px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.btn-primary{background-color:var(--accent);color:#fff}.btn-primary:hover{background-color:var(--accent-hover)}.btn-outline{background-color:transparent;border-color:var(--border-subtle);color:var(--text-primary)}.btn-outline:hover{border-color:var(--text-primary)}.navbar{position:fixed;top:0;left:0;width:100%;height:80px;background:#050505d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);z-index:100;display:flex;align-items:center}.nav-container{display:flex;justify-content:space-between;align-items:center;width:100%}.logo-wrapper{display:inline-flex;align-items:center;font-family:var(--font-display);font-weight:700;font-size:1.5rem;letter-spacing:.1em;overflow:hidden;white-space:nowrap}.logo-text{transition:color .3s ease}.logo-expand{display:inline-block;max-width:0;opacity:0;transform:translate(-10px);font-size:.9rem;font-weight:500;letter-spacing:.15em;color:var(--text-secondary);transition:all .5s cubic-bezier(.16,1,.3,1)}.logo-wrapper:hover .logo-expand{max-width:400px;opacity:1;transform:translate(0)}.logo-wrapper:hover .logo-text{color:var(--accent)}.nav-links{display:flex;gap:2rem}.nav-links a{font-size:.9rem;font-weight:500;color:var(--text-secondary)}.nav-links a:hover,.nav-links a.active{color:var(--text-primary)}.footer{border-top:1px solid var(--border-subtle);padding:3rem 0;margin-top:4rem;text-align:center;color:var(--text-secondary);font-size:.9rem}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;padding:2rem;transition:transform .3s ease,border-color .3s ease;display:flex;flex-direction:column}.card:hover{transform:translateY(-4px);border-color:var(--accent)}.card-category{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);margin-bottom:.5rem;font-weight:600}.card-title{font-size:1.5rem;margin-bottom:1rem}.card-desc{color:var(--text-secondary);font-size:.95rem;margin-bottom:1.5rem;flex-grow:1}.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tag{background:var(--bg-base);border:1px solid var(--border-subtle);padding:.25rem .75rem;border-radius:100px;font-size:.75rem;color:var(--text-secondary)}.status-label{display:inline-block;padding:.25rem .75rem;border-radius:4px;font-size:.8rem;font-weight:500;margin-bottom:1rem;background:var(--bg-surface-hover);border:1px solid var(--border-subtle);color:var(--text-primary)}.status-active{border-color:var(--accent);color:var(--accent);background:var(--accent-muted)}.disclaimer{background:#ff3c3c1a;border-left:4px solid #ff3c3c;padding:1rem 1.5rem;margin:2rem 0;font-size:.9rem;color:var(--text-secondary)}.disclaimer strong{color:#ff3c3c;display:block;margin-bottom:.25rem}.fade-in{animation:fadeIn .5s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.nav-links{display:none}.section{padding:4rem 0}}body{perspective:1200px;transform-style:preserve-3d}#router-view{transform-style:preserve-3d;transition:transform .6s cubic-bezier(.25,1,.5,1),opacity .5s ease;transform-origin:center center}.page-outgoing{transform:scale(.96) rotateY(-4deg) translateZ(-40px);opacity:0;pointer-events:none}.page-incoming{transform:scale(.97) rotateY(4deg) translateZ(-40px);opacity:0}#transition-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--bg-base);z-index:9999;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .3s ease}#transition-overlay.active{opacity:1;pointer-events:all}.transition-mark{font-family:var(--font-display);font-weight:700;font-size:1.25rem;letter-spacing:.1em;color:var(--text-primary);display:flex;flex-direction:column;align-items:center;gap:.5rem;transform:translateY(10px);opacity:0;transition:all .4s cubic-bezier(.25,1,.5,1)}.transition-mark.show{transform:translateY(0);opacity:1}.transition-mark span{font-size:.75rem;color:var(--accent);letter-spacing:.2em}.reveal-up{opacity:0;transform:translateY(24px) scale(.99);transition:opacity .7s cubic-bezier(.25,1,.5,1),transform .7s cubic-bezier(.25,1,.5,1)}.reveal-up.is-revealed{opacity:1;transform:translateY(0) scale(1)}.reveal-depth{opacity:0;transform:translateZ(-50px) scale(.96);transition:opacity .8s cubic-bezier(.25,1,.5,1),transform .8s cubic-bezier(.25,1,.5,1)}.reveal-depth.is-revealed{opacity:1;transform:translateZ(0) scale(1)}.btn{position:relative;overflow:hidden;will-change:transform}.btn:active{transform:scale(.98)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #5c7cfa33}.btn svg{transition:transform .3s ease}.btn:hover svg{transform:translate(4px)}.card{will-change:transform,border-color;position:relative}.card:hover{transform:translateY(-5px);border-color:var(--text-secondary);box-shadow:0 10px 30px #00000080}@media (prefers-reduced-motion: reduce){#router-view,.page-outgoing,.page-incoming,.reveal-up{transform:none!important;transition:opacity .3s ease!important}}#zentiq-boot-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#030406;z-index:99999;perspective:1400px;overflow:hidden;transition:opacity 1s cubic-bezier(.25,1,.5,1)}#zentiq-boot-screen.boot-hidden{opacity:0;pointer-events:none}#boot-bg-grid{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:50px 50px;transform:translateZ(-600px);opacity:0;transition:opacity 2s ease}#boot-bg-grid.show{opacity:1}#boot-camera{position:absolute;top:0;left:0;width:100%;height:100%;transform-style:preserve-3d;transform:scale(.9) translateZ(0);transition:transform 6s cubic-bezier(.25,1,.5,1)}#boot-camera.push-in{transform:scale(1) translateZ(100px)}.boot-comp{position:absolute;top:50%;left:50%;opacity:0;transform-style:preserve-3d;will-change:transform,opacity;transition:transform 1.5s cubic-bezier(.25,1,.5,1),opacity .8s ease}.comp-gear{border-radius:50%;border:2px dashed #44474d;background:transparent;box-shadow:inset 0 0 10px #00000080}.comp-plate{background:#2a2c30;border:1px solid #3c3f45;border-radius:2px}.comp-trace{background:transparent;border:1px solid var(--accent);box-shadow:0 0 8px #5c7cfa66}.comp-node{background:var(--accent);border-radius:50%;box-shadow:0 0 10px var(--accent)}.comp-bit{background:#fff;border-radius:1px}.boot-comp.snap-mode{transition:transform .6s cubic-bezier(.34,1.56,.64,1),opacity .4s ease}.boot-logo-final{position:absolute;top:50%;left:50%;width:280px;opacity:0;transform:translate(-50%,-50%) translateZ(20px) scale(.9);transition:opacity .4s ease,transform .8s cubic-bezier(.16,1,.3,1);will-change:transform,opacity;filter:drop-shadow(0 0 40px rgba(92,124,250,.3))}.boot-logo-final.show{opacity:1;transform:translate(-50%,-50%) translateZ(50px) scale(1)}.light-sweep{position:absolute;top:50%;left:50%;width:280px;height:100px;margin-top:-50px;margin-left:-140px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);transform:translateZ(51px) translate(-150%) skew(-20deg);opacity:0;pointer-events:none;mix-blend-mode:overlay}.light-sweep.sweep{animation:sweepAnim 1.2s cubic-bezier(.25,1,.5,1) forwards}@keyframes sweepAnim{0%{transform:translateZ(51px) translate(-150%) skew(-20deg);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translateZ(51px) translate(150%) skew(-20deg);opacity:0}}