.App{min-height:100vh;overflow-x:hidden}.hero-gradient{background:linear-gradient(#f2f8f8 0%,#f5f9f9 50%,#f9fbfb 100%)}.feature-card{transition:transform .3s,box-shadow .3s,border-color .3s}.feature-card:hover{border-color:#8b5cf64d;transform:translateY(-6px);box-shadow:0 20px 40px -15px #8b5cf633}.syntax-keyword{color:#c792ea}.syntax-string{color:#c3e88d}.syntax-function{color:#82aaff}.syntax-comment{color:#546e7a}.syntax-number{color:#f78c6c}.countdown-box{background:#fff;border:1px solid #8b5cf61a;box-shadow:0 4px 20px -5px #8b5cf626}.sidebar-link{transition:background-color .2s,color .2s}.sidebar-link:hover{background-color:#8b5cf614}.sidebar-link.active{color:#6b26d9;background-color:#8b5cf61f;border-left:3px solid #6b26d9}.bento-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}@media (max-width:768px){.bento-grid{grid-template-columns:1fr}}.journey-card{background:#fff;border:1px solid #8b5cf61a;border-radius:20px;padding:2rem;transition:all .3s;position:relative;box-shadow:0 4px 20px -5px #00000014}.journey-card:hover{border-color:#8b5cf64d;transform:translateY(-4px);box-shadow:0 15px 30px -10px #8b5cf633}.journey-connector{background:linear-gradient(90deg,#6b26d9 0%,#2eb8b8 100%);width:40px;height:2px;position:absolute;top:50%;right:-40px}.skill-path{position:relative}.skill-path:before{content:"";background:linear-gradient(#6b26d9 0%,#2eb8b8 100%);width:2px;position:absolute;top:48px;bottom:0;left:24px}.learning-feature-images{width:100%;height:100%;position:relative}.learning-feature-images img{object-fit:cover;opacity:0;border-radius:16px;width:100%;height:100%;transition:opacity .5s;position:absolute;inset:0}.learning-feature-images img.active{opacity:1}.creative-card{background:#fff;border-radius:24px;transition:all .4s;overflow:hidden;box-shadow:0 10px 40px -10px #0000001a}.creative-card:hover{transform:scale(1.02);box-shadow:0 20px 50px -15px #8b5cf640}.stats-card{background:linear-gradient(135deg,#6b26d9 0%,#2eb8b8 100%);border-radius:20px;padding:2px;position:relative}.stats-card-inner{background:#fff;border-radius:18px;padding:1.5rem}.category-card{background:#fff;border:1px solid #0000000d;border-radius:20px;padding:1.5rem;transition:all .3s}.category-card:hover{border-color:#8b5cf64d;box-shadow:0 10px 30px -10px #8b5cf633}@media (max-width:1024px){.tutorial-sidebar{z-index:50;transition:left .3s;position:fixed;left:-280px}.tutorial-sidebar.open{left:0}}html,body{max-width:100vw!important;overflow-x:hidden!important}#root,.App{max-width:100vw;overflow-x:hidden}