body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-image:radial-gradient(circle farthest-corner at -5.6% -6.8%,#673191 37.3%,#320081 73.5%);color:#fff;font-family:Poppins,sans-serif;margin:0;padding:0}.App{text-align:center}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}.round-image{border-radius:50%;height:150px;object-fit:cover;width:150px}.homepage{padding:40px 20px;text-align:center}.home-title{font-size:2.5rem;margin-bottom:20px}.tagline{color:#f0f0f0;font-size:1.2rem;font-weight:300;margin-bottom:25px}.top-buttons{display:flex;gap:20px;justify-content:center;margin-bottom:40px}.top-btn{border-radius:25px;color:#fff;flex:1 1;font-weight:600;max-width:150px;padding:12px 25px;text-align:center;text-decoration:none;transition:all .3s ease}.learn-top{background:linear-gradient(45deg,#ff8a00,#e52e71)}.practice-top{background:linear-gradient(45deg,#36d1dc,#5b86e5)}.top-btn:hover{transform:scale(1.05)}.section-title{font-size:2rem;margin:40px 0 20px}.showcase-container{margin:30px 0;text-align:center}.showcase-img{height:auto;max-width:100%;transition:transform .3s ease}.showcase-img:hover{transform:scale(1.03)}.cards-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.homepage .card{align-items:center;background-image:linear-gradient(110.6deg,#041433 11.3%,#efeef9 91.7%);border-radius:15px;display:flex;flex-direction:column;justify-content:flex-start;padding:15px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.homepage .card:hover{box-shadow:0 8px 20px #0000004d;transform:translateY(-8px)}.icon{align-items:center;color:#041433;display:flex;font-size:50px;justify-content:center;margin-bottom:15px}.card-img{border-radius:10px;height:auto;max-height:200px;object-fit:contain;width:100%}.card h2{color:#041433;font-size:1.4rem;margin:10px 0}.card p{color:#041433d9;font-size:.95rem;margin-bottom:15px}.learn-btn{background:#041433;border-radius:25px;color:#fff;font-weight:500;padding:10px 18px;text-decoration:none;transition:background .3s ease,transform .2s ease}.learn-btn:hover{background:#0a2e6b;transform:scale(1.05)}.hero{align-items:center;display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin-bottom:50px}.hero-image-wrapper{border-radius:50%;box-shadow:0 8px 20px #00000080;flex:1 1;max-width:250px;overflow:hidden}.hero-image{display:block;height:auto;width:100%}.hero-text{flex:2 1;min-width:250px;text-align:center}.hero-title{color:#fff;font-size:2.5rem;margin-bottom:10px}.hero-subtitle{color:#ddd;font-size:1.2rem}.skills-section{margin:50px 0}.skills-marquee{border-bottom:1px solid #fff3;border-top:1px solid #fff3;overflow:hidden;padding:15px 0;position:relative;width:100%}.skills-track{animation:scrollSkills 20s linear infinite;display:flex;width:max-content}.skill-card{align-items:center;background:#0000004d;border-radius:12px;display:flex;flex-direction:column;justify-content:center;margin:0 25px;padding:10px 15px;transition:transform .3s ease,box-shadow .3s ease}.skill-card:hover{box-shadow:0 6px 15px #0006;transform:translateY(-5px) scale(1.05)}.skill-icon{height:60px;margin-bottom:8px;width:60px}.skill-name{color:#fff;font-size:.9rem;font-weight:500}@keyframes scrollSkills{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.portfolio-container .card{background:#041433e6;border-radius:15px;cursor:pointer;padding:15px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.portfolio-container .card:hover{box-shadow:0 8px 20px #00000080;transform:translateY(-8px) scale(1.03)}.portfolio-container .card img{border-radius:10px;margin-bottom:12px;max-height:180px;object-fit:contain;width:100%}.portfolio-container .card h3{color:#fff;font-size:1rem}.cards-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.container{background-color:#fff;color:#000;display:block;font-family:Segoe UI,sans-serif}.sidebar{background:#2e3b55;bottom:0;box-shadow:2px 0 8px #0000001a;color:#fff;left:0;overflow-y:auto;padding:20px;position:fixed;top:0;width:260px;z-index:1000}.sidebar h2{color:#fff;font-size:18px;margin-bottom:10px}.sidebar ul{list-style:none;padding-left:10px}.sidebar ul.sub-list{margin-top:5px;padding-left:15px}.sidebar ul.sub-list li{margin-bottom:8px}.sidebar ul.sub-list li a{border-radius:4px;color:#fff;display:block;padding:4px 8px;text-decoration:none;transition:background-color .3s ease}.sidebar ul.sub-list li a:hover{background-color:#ffffff1a;color:#fff}.main-content{margin-left:260px;padding:30px}.main-content,.mobile-container{background-color:#fff;color:#000;min-height:100vh}.drawer{background:#2e3b55;color:#000;height:100%;min-height:100vh;overflow-y:auto;padding:20px;width:250px}.mobile-link{color:#000!important;font-weight:500}.mobile-link:hover{text-decoration:underline}.mobile-content{background:#fff;color:#000;padding:15px}@media (max-width:768px){.sidebar{display:none}.main-content{margin-left:0;padding:15px}}
/*# sourceMappingURL=main.ea22b3b5.css.map*/