:root{--primary-dark:#0a0e17;--secondary-dark:#121828;--accent-gold:#d4af37;--accent-blue:#4a6fa5;--light-gray:#e8e8e8;--medium-gray:#8c8c8c;--card-bg:rgba(255, 255, 255, 0.05);--transition:all 0.3s ease}*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}body{background-color:var(--primary-dark);color:var(--light-gray);line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{background-color:rgba(10,14,23,.95);padding:20px 0;position:sticky;top:0;z-index:100;box-shadow:0 4px 12px rgba(0,0,0,.2);border-bottom:1px solid rgba(212,175,55,.2)}.header-container{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:12px}.logo-icon{color:var(--accent-gold);font-size:1.8rem}.logo-text{font-size:1.8rem;font-weight:700;background:linear-gradient(90deg,#d4af37,#f4e4a6);-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{font-size:.9rem;color:var(--medium-gray);margin-top:-5px;letter-spacing:1px}
        .hero,.variable-card{overflow:hidden;position:relative}.framework-visual,.hero,.section-title,.variable-card{position:relative}.circle-center,.hero,.section-title,footer{text-align:center}.circle-center,.circle-node,.cta-button,.footer-logo,.hero-title,.step-number{font-weight:700}.cta-button,.social-link{transition:var(--transition);text-decoration:none}.hero{padding:100px 0 80px}.hero::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(74,111,165,.1) 0,rgba(10,14,23,0) 70%);z-index:-1}.hero-title{font-size:3.2rem;margin-bottom:20px;line-height:1.2}.hero-title span{background:linear-gradient(90deg,#d4af37,#f4e4a6);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-subtitle{font-size:1.3rem;max-width:800px;margin:0 auto 40px;color:var(--medium-gray)}.cta-button{display:inline-block;background:linear-gradient(90deg,#d4af37,#b8941f);color:var(--primary-dark);padding:16px 36px;border-radius:4px;font-size:1.1rem;box-shadow:0 4px 15px rgba(212,175,55,.3);letter-spacing:1px}.cta-button:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(212,175,55,.4)}.section-title{font-size:2.5rem;margin-bottom:60px}.section-title::after{content:'';position:absolute;width:80px;height:3px;background:linear-gradient(90deg,#d4af37,transparent);bottom:-15px;left:50%;transform:translateX(-50%)}.variables-container{display:flex;flex-wrap:wrap;justify-content:center;gap:40px;margin-bottom:100px}.variable-card{background-color:var(--card-bg);border-radius:12px;padding:40px 30px;flex:1;min-width:300px;max-width:350px;border:1px solid rgba(255,255,255,.05);transition:var(--transition)}.variable-card:hover{transform:translateY(-10px);border-color:rgba(212,175,55,.3);box-shadow:0 10px 30px rgba(0,0,0,.3)}.variable-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--accent-gold),var(--accent-blue))}.variable-icon{font-size:2.8rem;color:var(--accent-gold);margin-bottom:25px}.variable-title{font-size:1.8rem;margin-bottom:20px;color:var(--light-gray)}.variable-content{color:var(--medium-gray);margin-bottom:25px}.variable-examples{background-color:rgba(212,175,55,.05);border-left:3px solid var(--accent-gold);padding:15px;border-radius:0 4px 4px 0;font-size:.95rem}.framework-section{background-color:var(--secondary-dark);padding:100px 0;margin-bottom:100px;border-radius:12px;position:relative}.framework-container{display:flex;align-items:center;gap:60px;flex-wrap:wrap}.framework-visual{flex:1;min-width:300px;height:400px}.circle-node,.interactive-circle{position:absolute;border-radius:50%;display:flex}.interactive-circle{width:300px;height:300px;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(74,111,165,.1) 0,rgba(10,14,23,0) 70%);border:1px solid rgba(212,175,55,.2);align-items:center;justify-content:center;flex-direction:column}.circle-center{font-size:1.5rem;color:var(--accent-gold)}.circle-node{width:80px;height:80px;background-color:var(--primary-dark);align-items:center;justify-content:center;border:2px solid var(--accent-blue);color:var(--light-gray);transition:var(--transition)}.copyright,footer{border-top:1px solid rgba(255,255,255,.05)}.circle-node:hover{background-color:var(--accent-blue);transform:scale(1.1)}.node-1{top:20px;left:50%;transform:translateX(-50%)}.node-2{top:50%;right:20px;transform:translateY(-50%)}.node-3{bottom:20px;left:50%;transform:translateX(-50%)}.framework-content{flex:1;min-width:300px}.framework-title{font-size:2.2rem;margin-bottom:25px;line-height:1.3}.methodology-section{margin-bottom:100px}.methodology-steps{display:flex;flex-direction:column;gap:40px;max-width:800px;margin:0 auto}.methodology-step{display:flex;gap:30px;align-items:flex-start}.step-number{background-color:rgba(212,175,55,.1);color:var(--accent-gold);width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;flex-shrink:0}.disclaimer-title,.step-content h3{font-size:1.5rem;color:var(--light-gray)}.step-content h3{margin-bottom:10px}.disclaimer-section{background-color:rgba(212,175,55,.05);padding:40px;border-radius:8px;border-left:4px solid var(--accent-gold);margin-bottom:80px}.disclaimer-title{margin-bottom:20px}footer{background-color:#080c14;padding:60px 0 30px}.footer-logo{font-size:2rem;margin-bottom:20px;background:linear-gradient(90deg,#d4af37,#f4e4a6);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}.footer-tagline{color:var(--medium-gray);max-width:600px;margin:0 auto 40px}.social-links{display:flex;justify-content:center;gap:20px;margin-bottom:40px}.social-link{width:50px;height:50px;border-radius:50%;background-color:var(--secondary-dark);display:flex;align-items:center;justify-content:center;color:var(--light-gray);font-size:1.2rem}.social-link:hover{background-color:var(--accent-gold);color:var(--primary-dark);transform:translateY(-3px)}.copyright{color:var(--medium-gray);font-size:.9rem;padding-top:30px}@media (max-width:992px){.hero-title{font-size:2.5rem}.section-title{font-size:2rem}.variables-container{gap:30px}}@media (max-width:768px){.hero{padding:70px 0 60px}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.1rem}.variable-card{min-width:100%}.framework-visual{height:300px}.interactive-circle{width:250px;height:250px}.circle-node{width:60px;height:60px;font-size:.9rem}.methodology-step{flex-direction:column;gap:15px}}