@import"https://fonts.googleapis.com/css2?family=Carter+One&family=Inter:wght@400;600&display=swap";:root{--bg-color: #0D0D0D;--text-main: #FFFFFF;--text-muted: #A0A0A0;--brand-color: #9EA3A3;--sidebar-bg: #121212;--card-border: rgba(255, 255, 255, .05)}*{box-sizing:border-box}body,html{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-main);font-family:Inter,sans-serif;overflow-x:hidden;scroll-behavior:smooth}h1,h2,h3,.logo{font-family:Carter One,system-ui;color:var(--brand-color);letter-spacing:1px}h2{font-size:3rem;margin-top:0;margin-bottom:40px}h3{font-size:1.3rem;margin-top:0;margin-bottom:15px;display:flex;align-items:center;gap:12px}h3:before{content:"";display:block;width:8px;height:8px;border-radius:4px;background:var(--brand-color)}p{font-size:1.15rem;line-height:1.85;color:var(--text-muted);margin-bottom:30px;text-wrap:pretty}strong{font-weight:600;color:var(--text-main)}.app-container{min-height:100vh;display:flex;flex-direction:column}header{position:fixed;top:0;left:0;width:100%;height:85px;background:#0d0d0dd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--card-border);z-index:1005;display:flex;justify-content:space-between;align-items:center;padding:0 50px}.logo{font-size:2.2rem;text-decoration:none;margin:0}.menu-btn{background:none;border:none;color:var(--brand-color);cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.sidebar{position:fixed;top:0;right:-300px;width:300px;height:100vh;background:var(--sidebar-bg);border-left:1px solid var(--card-border);z-index:1004;transition:right .3s cubic-bezier(.16,1,.3,1);padding:120px 30px 30px;display:flex;flex-direction:column;gap:25px}.sidebar.open{right:0}.sidebar a{color:var(--text-main);text-decoration:none;font-size:1.2rem;font-weight:600;transition:color .2s}.sidebar a:hover{color:var(--brand-color)}main{flex:1;padding:160px 30px 100px;max-width:1100px;margin:0 auto;width:100%}.grid-layout{display:grid;grid-template-columns:1fr 1fr;gap:50px}.animation-container{display:flex;justify-content:center;align-items:center;position:relative;min-height:400px}@media (max-width: 900px){.grid-layout{grid-template-columns:1fr;gap:40px}header{padding:0 30px}h2{font-size:2.5rem}.animation-container{min-height:300px}}.css-tech-core{position:absolute;width:320px;height:320px;transform-style:preserve-3d;animation:floatTech 8s ease-in-out infinite}.laptop-base{position:absolute;bottom:40px;left:50%;width:220px;height:130px;background:#191919e6;border:2px solid rgba(158,163,163,.3);border-radius:12px;transform:translate(-50%) rotateX(65deg) translateZ(-20px);box-shadow:0 20px 40px #000c}.laptop-screen{position:absolute;bottom:80px;left:50%;width:200px;height:130px;background:#050505;border:3px solid rgba(158,163,163,.6);border-radius:8px;transform:translate(-50%) rotateX(-5deg);overflow:hidden;display:flex;flex-direction:column;padding:15px 12px;gap:10px;box-shadow:0 0 30px #9ea3a326}.code-line{width:100%;height:5px;background:#9ea3a380;border-radius:3px;animation:scrollCode 2.5s linear infinite}.code-line.short{width:50%;background:#fffc;animation-duration:3s}.code-line.mid{width:80%;animation-duration:3.5s}.internet-ring{position:absolute;top:50%;left:50%;width:360px;height:360px;border:2px dashed rgba(158,163,163,.4);border-radius:50%;transform:translate(-50%,-50%) rotateX(75deg);animation:spinRingTech 15s linear infinite}.internet-ring:before{content:"";position:absolute;top:-6px;left:50%;width:12px;height:12px;background:#fff;border-radius:50%;transform:translate(-50%);box-shadow:0 0 25px #fff}@keyframes floatTech{0%,to{transform:translateY(0) rotateY(-12deg)}50%{transform:translateY(-25px) rotateY(12deg)}}@keyframes scrollCode{0%{transform:translateY(150px);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translateY(-50px);opacity:0}}@keyframes spinRingTech{to{transform:translate(-50%,-50%) rotateX(75deg) rotate(360deg)}}.css-founders-core{position:absolute;width:200px;height:200px;transform-style:preserve-3d;animation:tiltSpinFounders 10s linear infinite}.core-energy{position:absolute;top:50%;left:50%;width:40px;height:40px;background:#9ea3a399;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 30px #9ea3a380}.founder-node{position:absolute;top:50%;left:50%;width:24px;height:24px;background:#fff;border-radius:50%;box-shadow:0 0 20px #fff}.founder-node.node-1{transform:translate(-50%,-50%) translate(90px)}.founder-node.node-2{transform:translate(-50%,-50%) translate(-90px)}.founder-track{position:absolute;top:50%;left:50%;width:180px;height:180px;border:2px solid rgba(158,163,163,.2);border-radius:50%;transform:translate(-50%,-50%)}@keyframes tiltSpinFounders{0%{transform:rotateX(65deg) rotate(0)}to{transform:rotateX(65deg) rotate(360deg)}}.css-ceo-core{position:absolute;width:200px;height:200px;transform-style:preserve-3d;animation:floatMonolith 6s ease-in-out infinite}.ceo-monolith{position:absolute;top:50%;left:50%;width:50px;height:110px;background:#141414f2;border:2px solid rgba(158,163,163,.5);transform:translate(-50%,-50%) translateZ(10px);box-shadow:0 15px 30px #000c,inset 0 0 15px #9ea3a333;border-radius:6px}.ceo-pulse-ring{position:absolute;top:50%;left:50%;width:80px;height:80px;border:2px solid rgba(158,163,163,.8);border-radius:50%;transform:translate(-50%,-50%) rotateX(75deg);animation:monolithPulse 3s infinite ease-out}.ceo-pulse-ring.ring-2{animation-delay:1.5s}@keyframes floatMonolith{0%,to{transform:translateY(0) rotateY(-15deg)}50%{transform:translateY(-20px) rotateY(15deg)}}@keyframes monolithPulse{0%{width:40px;height:40px;opacity:1;transform:translate(-50%,-50%) rotateX(75deg) translateZ(-30px)}to{width:180px;height:180px;opacity:0;transform:translate(-50%,-50%) rotateX(75deg) translateZ(30px)}}.css-globe{position:absolute;width:300px;height:300px;transform-style:preserve-3d;animation:spinGlobe 25s linear infinite}.globe-ring{position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid rgba(158,163,163,.4);box-shadow:0 0 15px #9ea3a333 inset}.globe-ring:nth-child(1){transform:rotateY(0)}.globe-ring:nth-child(2){transform:rotateY(36deg)}.globe-ring:nth-child(3){transform:rotateY(72deg)}.globe-ring:nth-child(4){transform:rotateY(108deg)}.globe-ring:nth-child(5){transform:rotateY(144deg)}.globe-equator{position:absolute;top:50%;width:100%;height:100%;border-radius:50%;border:3px solid rgba(255,255,255,.6);transform:translateY(-50%) rotateX(90deg)}@keyframes spinGlobe{0%{transform:rotateX(20deg) rotateY(0)}to{transform:rotateX(20deg) rotateY(360deg)}}.css-privacy-core{position:absolute;width:250px;height:250px;transform-style:preserve-3d;animation:floatShield 8s ease-in-out infinite}.shield-svg{position:absolute;width:80px;height:80px;top:50%;left:50%;transform:translate(-50%,-50%) translateZ(40px);fill:#9ea3a3;filter:drop-shadow(0 0 20px rgba(158,163,163,.5))}.defense-ring{position:absolute;width:100%;height:100%;top:0;left:0;border-radius:50%;border:3px dashed rgba(255,255,255,.3);animation:spinRing 15s linear infinite}.defense-ring.outer{width:150%;height:150%;top:-25%;left:-25%;border:4px solid rgba(158,163,163,.2);animation:spinRingReverse 20s linear infinite}@keyframes floatShield{0%,to{transform:translateY(0) rotateX(15deg) rotateY(-15deg)}50%{transform:translateY(-25px) rotateX(5deg) rotateY(15deg)}}@keyframes spinRing{to{transform:rotate(360deg) rotateX(60deg)}}@keyframes spinRingReverse{to{transform:rotate(-360deg) rotateY(60deg)}}.css-contract{position:absolute;width:220px;height:320px;transform-style:preserve-3d;animation:floatContract 16s ease-in-out infinite}.contract-board{position:absolute;width:100%;height:100%;border:3px solid rgba(158,163,163,.4);background:#ffffff08;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;display:flex;flex-direction:column;padding:30px 20px;gap:15px;transform:translateZ(20px)}.contract-line{width:100%;height:6px;background:#9ea3a34d;border-radius:4px}.contract-line.short{width:65%}.contract-line.highlight{background:#fffc;width:85%;height:8px}.contract-signature{margin-top:auto;width:60px;height:15px;border-bottom:3px solid rgba(255,255,255,.6);align-self:flex-end;transform:rotate(-8deg)}@keyframes floatContract{0%,to{transform:rotateX(15deg) rotateY(-20deg) translateY(0)}50%{transform:rotateX(-5deg) rotateY(15deg) translateY(-25px)}}