@import url("https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@300;400;500;600;700&family=Roboto:wght@300;400;500;700&display=swap");*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:Roboto,sans-serif;background-color:#000;color:#fff}h1,h2,h3,h4,h5,h6{font-family:Chakra Petch,sans-serif}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:60px 0;min-height:100vh;display:flex;align-items:center}.btn-primary{background-color:#ff5622;color:#000;border:none;padding:12px 24px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:Roboto,sans-serif;box-shadow:0 0 20px #b6350d}.btn-primary:hover{background-color:#e64a19;transform:translateY(-2px);box-shadow:0 0 30px #c9431a}.btn-secondary{background-color:transparent;color:#ff5722;border:2px solid #ff5722;padding:10px 22px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:Roboto,sans-serif}.btn-secondary:hover{background-color:#ff5722;color:#fff}.highlight{color:#ff5722}.text-center{text-align:center}.grid{display:grid;grid-gap:40px;gap:40px;color:#fff}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}.section{padding:60px 0;min-height:auto}}.copy-btn{background-color:#ff5622;border:1px solid #ddd;padding:8px 12px;border-radius:4px;margin-left:8px;cursor:pointer;font-size:12px}.copy-btn:hover{background-color:#e0e0e0}.ca-container{display:flex;align-items:center;background-color:#f8f8f8;padding:12px 16px;border-radius:8px;margin:20px 0;max-width:400px;box-shadow:0 0 15px hsla(0,0%,100%,.6)}.ca-text{font-family:Courier New,monospace;font-size:14px;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#000}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:200px;box-shadow:0 8px 16px rgba(0,0,0,.1);z-index:1;border-radius:8px;padding:8px 0;top:100%;left:0}.dropdown.active .dropdown-content{display:block}.dropdown-item{color:#000;padding:12px 16px;text-decoration:none;display:block;cursor:pointer;transition:background-color .3s}.dropdown-item:hover{background-color:#f1f1f1}.skill-content{margin-top:20px;padding:20px;background-color:#f8f8f8;border-radius:8px;display:none;color:#000}.skill-content.active{display:block}.animate-text{min-height:60px;display:flex;align-items:center;font-size:18px;font-weight:500;color:#000}.roadmap-card{background-color:#f8f8f8;padding:30px;border-radius:12px;text-align:center;transition:all .3s ease;color:#000}.roadmap-card.active{background-color:#ff5722;color:#fff;transform:translateY(-10px)}.roadmap-card h3{margin-bottom:15px;font-size:24px}.roadmap-card p{line-height:1.6}.roadmap-status{margin-top:15px;font-size:14px;font-weight:500;color:#ff5722}.roadmap-card.active .roadmap-status{color:#fff}