@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);.header{color:#fff;overflow:hidden;padding:40px 0;position:relative;text-align:center}.header:before{animation:float 20s linear infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='20' cy='20' r='2' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='80' cy='40' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='40' cy='80' r='1.5' fill='rgba(255,255,255,0.1)'/%3E%3C/svg%3E");bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes float{0%{transform:translateY(0) rotate(0deg)}to{transform:translateY(-100px) rotate(1turn)}}.profile-img{border:2px solid #fff;border-radius:50%;height:250px;margin:0 auto 20px;overflow:hidden;position:relative;width:250px;z-index:1}.profile-img img{border-radius:50%;height:100%;object-fit:cover;width:100%}.header h1{font-size:3em;margin-bottom:10px}.header h1,.subtitle{position:relative;z-index:1}.subtitle{font-size:1.2em;opacity:.9}@media (max-width:768px){.header{padding:40px 20px}.profile-img{height:120px;width:120px}.header h1{font-size:2.2em}.subtitle{font-size:1.1em}}@media (max-width:480px){.header{padding:30px 15px}.profile-img{height:100px;width:100px}.header h1{font-size:1.8em}.subtitle{font-size:1em}}.navigation{background:#1a1a2e;box-shadow:0 2px 10px #0000004d;padding:15px 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.navigation .container{align-items:center;display:flex;justify-content:center;position:relative}.desktop-nav{display:flex;gap:40px;justify-content:center;list-style:none;margin:0;padding:0}.navigation a{border-radius:5px;color:#fff;font-weight:500;padding:10px 15px;position:relative;text-decoration:none;transition:all .3s ease}.navigation a:after{background:#4a9eff;bottom:-5px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0}.navigation a:hover:after{width:100%}.mobile-menu-btn{background:none;border:none;cursor:pointer;display:none;flex-direction:column;left:20px;padding:10px;position:absolute}.mobile-menu-btn span{background:#fff;border-radius:2px;height:3px;margin:3px 0;transition:.3s;width:25px}.mobile-sidebar{background:linear-gradient(135deg,#1a1a2e,#16213e);box-shadow:5px 0 20px #0000004d;height:100vh;left:-300px;position:fixed;top:0;transition:left .4s cubic-bezier(.25,.46,.45,.94);width:280px;z-index:1001}.mobile-sidebar.open{left:0}.sidebar-content{display:flex;flex-direction:column;gap:15px;padding:80px 20px 30px}.sidebar-content a{background:#ffffff0d;border-left:4px solid #0000;border-radius:10px;color:#fff;font-weight:500;padding:15px 20px;text-decoration:none;transition:all .3s ease}.sidebar-content a:hover{background:#4a9eff33;border-left-color:#4a9eff;transform:translateX(5px)}.sidebar-overlay{background:#0009;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1000}.scroll-to-top{background:#4a9eff;border:none;border-radius:50%;bottom:20px;box-shadow:0 4px 15px #4a9eff66;color:#fff;cursor:pointer;font-size:18px;height:45px;position:fixed;right:20px;transition:all .3s ease;width:45px;z-index:999}.scroll-to-top:hover{background:#357abd;transform:translateY(-2px)}@media (max-width:768px){.desktop-nav{display:none}.mobile-menu-btn{display:flex}.navigation .container{justify-content:center}}@media (max-width:480px){.mobile-sidebar{width:250px}.sidebar-content{padding:70px 15px 20px}.sidebar-content a{font-size:.9em;padding:12px 15px}.scroll-to-top{bottom:15px;font-size:16px;height:40px;right:15px;width:40px}}.about-section{background:#0a0a0a;padding:40px 0}.about-content{color:#ccc;font-size:1.1em;line-height:1.8;margin:0 auto;max-width:800px;text-align:center}.experience-section{background:#0f0f0f;color:#fff;padding:30px 0}.experience-timeline{margin:0 auto;max-width:700px;position:relative}.experience-timeline:before{background:#4a9eff;bottom:0;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);width:2px}.experience-item{margin-bottom:20px;position:relative}.experience-item:before{background:#4a9eff;border-radius:50%;content:"";height:10px;left:50%;position:absolute;top:15px;transform:translateX(-50%);width:10px;z-index:2}.experience-content{background:#1a1a2e;border-radius:8px;box-shadow:0 3px 10px #0000004d;padding:15px;position:relative;width:42%}.experience-item:nth-child(odd) .experience-content{margin-left:58%}.experience-item:nth-child(2n) .experience-content{margin-right:58%}.experience-header h3{font-size:1.1em}.company,.experience-header h3{color:#4a9eff;margin-bottom:4px}.company{display:block;font-size:.9em;font-weight:600}.period{color:#ccc;font-size:.8em;font-style:italic}.description{font-size:.85em;line-height:1.5;margin:10px 0}.achievements{list-style:none;padding:0}.achievements li{align-items:flex-start;display:flex;font-size:.8em;margin-bottom:6px;padding-left:20px;position:relative}.achievement-icon{color:#28a745;font-size:.8em;margin-right:8px;margin-top:2px}@media (max-width:768px){.experience-item:before,.experience-timeline:before{left:20px}.experience-content{margin-left:60px!important;margin-right:0!important;width:calc(100% - 60px)}}.skills-section{background:#0a0a0a;padding:40px 0}.skills-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.skill-card{background:#1a1a2e;border-left:4px solid #4a9eff;border-radius:10px;box-shadow:0 5px 15px #0000004d;overflow:hidden;padding:20px;position:relative;text-align:center}.skill-icon{font-size:1.5em;margin-bottom:15px}.skill-card:first-child .skill-icon{color:#ff6b35}.skill-card:nth-child(2) .skill-icon{color:#4ecdc4}.skill-card:nth-child(3) .skill-icon{color:#45b7d1}.skill-card:before{background:linear-gradient(90deg,#4a9eff,#1a1a2e);content:"";height:4px;left:0;position:absolute;top:0;transform:scaleX(0);transition:transform .3s ease;width:100%}.skill-card:hover:before{transform:scaleX(1)}.skill-card:hover .skill-icon{transform:scale(1.1);transition:transform .3s ease}.skill-card h3{color:#4a9eff;font-size:1.3em;margin-bottom:15px}.skill-card p{color:#ccc;line-height:1.6}.projects-section{background:#0a0a0a;padding:40px 0;position:relative}.projects-section:before{background:radial-gradient(circle at 25% 25%,#4a9eff08 0,#0000 50%),radial-gradient(circle at 75% 75%,#4a9eff08 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.projects-container{position:relative;z-index:1}.projects-carousel{margin:0 auto;max-width:1200px;padding:0 60px;position:relative}.projects-track{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a1a4d;border:1px solid #ffffff0d;border-radius:16px;overflow:hidden}.projects-slide{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);min-height:320px;padding:10px}.project-card{background:linear-gradient(135deg,#1e1e2e,#2a2a3a);border:1px solid #ffffff14;border-radius:12px;display:flex;flex-direction:column;height:280px;overflow:hidden;position:relative;transition:transform .3s ease;width:100%}.project-card:before{background:linear-gradient(135deg,#4a9eff1a,#0000 70%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease;z-index:1}.project-card:hover:before{opacity:1}.project-card:hover{transform:translateY(-5px)}.project-image-container{background:#0f0f0f;height:110px;overflow:hidden;position:relative}.project-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.project-card:hover .project-image{transform:scale(1.05)}.project-info{display:flex;flex-direction:column;height:170px;justify-content:space-between;padding:12px;position:relative;z-index:2}.project-title{color:#fff;font-size:.9em;font-weight:600;margin-bottom:4px}.project-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#b8b8d1;display:-webkit-box;font-size:.7em;line-height:1.3;margin-bottom:8px;overflow:hidden}.project-tech{display:flex;gap:8px;justify-content:center;margin-bottom:8px}.tech-icon{font-size:1.2em;transition:transform .2s ease}.tech-icon:hover{transform:scale(1.2)}.project-actions{display:flex;gap:6px}.action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:.7em;font-weight:500;gap:4px;justify-content:center;padding:6px;text-decoration:none;transition:all .3s ease}.action-btn.primary{background:linear-gradient(135deg,#4a9eff,#357abd);color:#fff}.action-btn.primary:hover{background:linear-gradient(135deg,#357abd,#2c5f94);box-shadow:0 5px 15px #4a9eff66;transform:translateY(-2px)}.action-btn.secondary{background:#0000;border:1px solid #4a9eff4d;color:#4a9eff}.action-btn.secondary:hover{background:#4a9eff1a;border-color:#4a9eff}.carousel-controls{gap:20px;margin-top:30px}.carousel-controls,.carousel-nav{align-items:center;display:flex;justify-content:center}.carousel-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;color:#4a9eff;cursor:pointer;height:45px;transition:all .3s ease;width:45px}.carousel-nav:hover{background:#4a9eff33;border-color:#4a9eff;transform:scale(1.1)}.carousel-nav:disabled{cursor:not-allowed;opacity:.3}.carousel-dots{display:flex;gap:8px}.dot{background:#fff3;border-radius:50%;cursor:pointer;height:8px;transition:all .3s ease;width:8px}.dot.active{background:#4a9eff;transform:scale(1.5)}.dot:hover{background:#4a9eff99}@media (max-width:1024px){.projects-slide{grid-template-columns:repeat(2,1fr)}.projects-carousel{padding:0 40px}}@media (max-width:768px){.projects-slide{gap:0;grid-template-columns:1fr;min-height:400px;padding:20px}.projects-carousel{padding:0 20px}.project-card{height:380px;margin:0 auto;max-width:100%;width:100%}.project-image-container{height:160px}.project-info{height:220px;padding:16px}.project-title{font-size:1.1em;margin-bottom:8px}.project-description{-webkit-line-clamp:3;font-size:.85em;margin-bottom:12px}.project-tech{margin-bottom:12px}.tech-icon{font-size:1.4em}.action-btn{font-size:.8em;padding:8px 12px}}.contact-section{color:#fff;padding:40px 0 0;text-align:center}.contact-intro{font-size:1.1em;margin-bottom:30px;opacity:.9}.contact-info{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:40px}.contact-info a{color:inherit;text-decoration:none}.contact-info a:visited{color:inherit}.contact-info a:hover,.contact-item{text-decoration:none}.contact-item{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff26,#ffffff0d);border:1px solid #ffffff4d;border-radius:12px;box-shadow:0 8px 32px #0000001a;color:inherit;cursor:pointer;display:flex;font-size:.95em;font-weight:500;gap:10px;overflow:hidden;padding:12px 20px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.contact-icon{font-size:1.5em}.contact-icon.linkedin{color:#0077b5}.contact-icon.github{color:#333}.contact-icon.topmate{color:#ff6b35}.contact-icon.blog{color:#1a73e8}.contact-icon.linktree{color:#39e09b}.contact-item:hover{background:linear-gradient(135deg,#ffffff40,#ffffff1a);border-color:#fff6;box-shadow:0 15px 40px #0003;transform:translateY(-8px) scale(1.05)}.contact-item:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.contact-item:hover:before{left:100%}.icon{font-size:1.2em}.footer{background:#1a1a1a;margin-top:40px;padding:20px 0}@media (max-width:768px){.contact-info{align-items:center;flex-direction:column;gap:20px}}*{box-sizing:border-box;margin:0;padding:0}body{background:#0a0a0a;color:#fff;font-family:Poppins,sans-serif;line-height:1.6;overflow-x:hidden}.container{margin:0 auto;max-width:1200px;padding:0 20px}.section-title{color:#4a9eff;font-size:2.5em;margin-bottom:30px;text-align:center}.gradient-bg{background:linear-gradient(135deg,#1a1a2e,#4a9eff)}.theme-blue{color:#4a9eff}.theme-dark{color:#1a1a2e}@media (max-width:768px){.container{padding:0 15px}.section-title{font-size:2em}}
/*# sourceMappingURL=main.ad4d2f7f.css.map*/