@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background-dark);font-family:Poppins,sans-serif;line-height:1.6}.navbar,body{color:var(--text-light)}.navbar{align-items:center;background:var(--background-dark);border-radius:30px;box-shadow:0 4px 15px #79968a40;display:flex;justify-content:space-between;left:50%;max-width:95%;padding:12px 40px;position:fixed;top:20px;transform:translateX(-50%);transition:transform .3s ease,box-shadow .3s ease;width:900px;z-index:100}.navbar:hover{box-shadow:0 6px 20px rgba(0,255,200,.934);transform:translateX(-50%) scale(1.05)}.nav-links{display:flex;gap:15px;list-style:none;margin:0;padding:0}.nav-links li a{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:var(--text-light);font-weight:500;padding:8px 16px;position:relative;text-decoration:none;transition:all .3s ease}.nav-links li a:hover{background:#4db5ff26;box-shadow:0 4px 10px #4db5ff4d}.nav-links li a.active,.nav-links li a:hover{border-color:var(--primary-color);color:var(--primary-color)}.nav-links li a.active{background:#4db5ff40}.cv-btn{background:#0052f7d9;border-radius:20px;color:#fff;padding:8px 18px;text-decoration:none;transition:background .3s ease,transform .3s ease}.cv-btn:hover{background:#2366eb87;transform:scale(1.05)}.menu-toggle{background:#0000;border:none;border-radius:6px;color:var(--text-light);cursor:pointer;display:none;font-size:1.8rem;line-height:1;padding:6px;transition:color .2s ease,background .2s ease;z-index:110}.menu-toggle:hover{background:#4db5ff14;color:var(--primary-color)}.menu-toggle:active{background:#4db5ff26}.menu-toggle:focus{background:#4db5ff1a;box-shadow:0 0 0 2px #4db5ff66;outline:none}@media (max-width:768px){.navbar{padding:12px 20px;width:95%}.nav-links{align-items:center;background:#111827f2;border-radius:12px;box-shadow:0 6px 15px #0006;flex-direction:column;gap:12px;left:50%;opacity:0;padding:20px;pointer-events:none;position:absolute;top:70px;transform:translateX(-50%) translateY(-20px);transition:all .3s ease;width:90%}.nav-links.open{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}.nav-links li{width:100%}.nav-links li a{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:block;padding:12px;text-align:center;width:100%}.nav-links li a:hover{background:#4db5ff33;border-color:var(--primary-color);color:var(--primary-color)}.menu-toggle{display:block}}.page-loader{align-items:center;animation:loaderFade .9s ease forwards;background:linear-gradient(135deg,#0a0f1c,#002f4d 60%);display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.loader-inner{animation:loaderPulse 1s infinite;background:var(--primary-color);border-radius:50%;box-shadow:0 0 40px #00bfff40,inset 0 -6px 20px #ffffff0f;height:68px;width:68px}@keyframes loaderPulse{0%{opacity:.9;transform:scale(.9)}50%{opacity:1;transform:scale(1.06)}to{opacity:.9;transform:scale(.9)}}@keyframes loaderFade{0%{opacity:1}85%{opacity:1}to{opacity:0;pointer-events:none;visibility:hidden}}.hero{grid-gap:40px;align-items:center;animation:heroEntrance .65s ease both;display:grid;gap:40px;grid-template-columns:1fr 1fr;min-height:calc(100vh - 80px);padding:100px 8%}@keyframes heroEntrance{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero-right{margin-top:30px;text-align:left}.greeting{color:var(--text-gray);font-weight:500;margin-bottom:6px}.name{color:var(--text-light);font-size:3rem;margin-bottom:8px}.role{color:var(--text-gray);font-size:1.4rem;margin-bottom:18px}.typed{font-weight:700;position:relative}.typed,.typed:after{color:var(--primary-color)}.typed:after{animation:blink 1s steps(2,start) infinite;content:"|";display:inline-block;margin-left:6px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.desc{color:var(--text-gray);margin-top:50px;max-width:56ch;text-align:justify}.socials-and-btns{align-items:center;display:flex;gap:20px;margin-top:70px}.socials{display:flex;gap:12px}.social-icon{align-items:center;background:#0000;border:2px solid #ffffff0f;border-radius:50%;color:var(--text-light);display:inline-flex;font-size:16px;height:60px;justify-content:center;transition:transform .22s cubic-bezier(.2,.9,.2,1),border-color .22s,color .22s,box-shadow .22s;width:60px}.social-icon:hover{border-color:var(--primary-color);box-shadow:0 12px 30px #00bfff24;color:var(--primary-color);transform:scale(1.18)}.btns{display:flex;gap:20px;margin-left:80px}.hire-btn{background:var(--primary-color);color:#0a0f1c;font-weight:700}.contact-btn,.hire-btn{border:2px solid #00bfff24;border-radius:8px;padding:10px 18px;text-decoration:none;transition:background-color .3s ease,color .3s ease}.contact-btn{background:#0000;color:var(--primary-color);font-weight:600}.hire-btn:hover{background-color:#0a0f1c;border:2px solid #00bfff24;color:#00bfff}.contact-btn:hover{background-color:#00bfff;border-color:#00bfff;color:#0a0f1c}.hero-left{align-items:center;animation:imageEntrance .9s ease both;display:flex;justify-content:center;position:relative}.image-container-hero{border:2px solid #00bfff;border-radius:50%;box-shadow:0 10px 25px #00bfff33;height:420px;object-fit:cover;overflow:visible;position:relative;width:420px}.image-container-hero:before{animation:glowPulse 2s ease-in-out infinite;background:radial-gradient(circle,#00bfff80 0,#00bfff00 70%);border-radius:50%;content:"";filter:blur(25px);height:130%;left:-15%;position:absolute;top:-15%;width:130%;z-index:0}@keyframes glowPulse{0%{opacity:.5;transform:scale(.95)}50%{opacity:.8;transform:scale(1.05)}to{opacity:.5;transform:scale(.95)}}.profile-img{border-radius:50%;display:block;height:100%;object-fit:cover;position:relative;width:100%;z-index:1}@keyframes imageEntrance{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:980px){.hero{grid-template-columns:1fr;padding:80px 6%}.hero-right{margin-top:26px}.name{font-size:2.4rem}.image-container{height:280px;width:280px}.image-container:before{filter:blur(20px);height:120%;left:-10%;top:-10%;width:120%}.socials-and-btns{align-items:flex-start;flex-direction:column;gap:15px}}.about-section{background:#0000;color:#f9f9f9;padding:10px 10%;position:relative;z-index:1}.section-header h2{color:#00bfff;margin-bottom:30px;text-align:center}.section-header p{color:#aaa;font-size:1.1rem;margin-bottom:50px;text-align:center}.about-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between}.about-text{flex:1 1 400px;margin:0;padding-left:0;text-align:left}.about-text h3{color:#18c5ff;font-size:1.8rem;margin-bottom:20px}.about-text p{color:#ccc;font-size:1rem;line-height:1.6;margin-bottom:15px}.about-details{display:flex;flex-direction:column;gap:12px;margin-top:20px}.detail-item{align-items:center;color:#ccc;display:flex;gap:12px}.detail-item span strong{color:#1dc7ff}.detail-icon{color:#67d3f7;min-width:24px}.about-image{align-items:center;display:flex;flex:1 1 500px;justify-content:center}.image-container img{border:2px solid #00bfff;border-radius:12px;box-shadow:0 10px 25px #00bfff33;height:auto;max-width:600px;object-fit:cover;width:100%}.stats-container{border-top:2px solid #eedede1a;display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:60px;padding-top:20px;width:100%}.stat-item{align-items:center;display:flex;flex:1 1;flex-direction:column;padding:0 20px;position:relative;text-align:center}.stat-item:not(:last-child):after{background-color:#70758973;content:"";height:80%;position:absolute;right:0;top:50%;transform:translateY(-50%);width:2px}.stat-item h3{color:#00bfff;font-size:2rem;font-weight:800;margin-bottom:5px}.stat-item p{color:#ccc;font-size:1rem;margin-top:6px}.timeline-container{margin-top:60px}.timeline-container h3{color:#00bfff;font-size:2rem;margin-bottom:30px;text-align:center}.timeline{display:flex;flex-direction:column;gap:20px;padding-left:0;position:relative}.timeline-item{align-items:flex-start;background-color:#00bfff0d;border-radius:12px;display:flex;gap:15px;padding:15px 20px;transition:all .3s ease}.timeline-item:hover{background-color:#00bfff26}.timeline-marker{align-items:center;background:#00bfff;border-radius:50%;display:flex;flex-shrink:0;height:50px;justify-content:center;margin-top:16px;width:50px}.timeline-content h4{color:#00bfff;margin:0}.timeline-content p{color:#ccc;font-size:.95rem;margin:2px 0 0}.timeline-year{color:#aaa;font-weight:700;margin-right:10px}@media screen and (max-width:1200px){.about-content{flex-direction:column;gap:30px}.about-image{flex:1 1 100%}.image-container img{max-width:100%}.timeline{padding-left:20px}}@media screen and (max-width:600px){.stats-container{align-items:center;border-top:none;flex-direction:column;margin-top:30px;padding-top:0}.stat-item{margin-bottom:20px;padding:0;width:100%}.stat-item:not(:last-child):after{display:none}.section-header h2{font-size:2rem}.about-text h3,.stat-item h3,.timeline-container h3{font-size:1.5rem}}.skills-section{background:var(--background-dark);color:var(--text-light);padding:20px}.container{margin:0 auto;max-width:1200px}.section-header{margin-bottom:50px;text-align:center}.section-header h2{font-size:2.5rem;margin-bottom:10px}.section-header p{color:var(--text-light-secondary);font-size:1rem}.skills-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.skill-category{background:#121f30;border-radius:12px;padding:25px;transition:transform .3s ease,box-shadow .3s ease}.skill-category:hover{background-color:#00bfff26;box-shadow:0 10px 25px #1ed8fd80;transform:translateY(-5px)}.category-header{align-items:center;display:flex;font-size:1.3rem;font-weight:600;gap:10px;margin-bottom:20px}.category-header svg.category-icon{flex-shrink:0;height:40px;margin-bottom:20px;width:40px}.skills-list .skill-item{background:#1a2b41;border-radius:10px;margin-bottom:15px;padding:15px;transition:all .3s ease}.skills-list .skill-item:hover{background-color:#00bfff26;box-shadow:0 6px 15px #0000004d;transform:translateY(-3px)}.skill-header{display:flex;font-weight:500;justify-content:space-between;margin-bottom:8px}.progress-bar{background:#f1f0f0;border-radius:6px;height:10px;margin-bottom:10px;overflow:hidden}.progress{background-color:#365469;border-radius:6px;height:100%}.view-details-btn{background-color:#185c8d;border:none;border-radius:6px;color:#fff;cursor:pointer;display:block;font-size:.85rem;font-weight:600;margin:15px auto 0;padding:6px 15px;text-align:center;transition:all .3s ease}.view-details-btn:hover{background-color:#00bfff26;box-shadow:0 6px 12px #0006;transform:translateY(-2px)}.modal-overlay{align-items:center;background:#000000bf;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:50}.skill-modal{animation:fadeIn .3s ease forwards;background:#1e1e1e;border-radius:15px;box-shadow:0 15px 30px #00000080;display:flex;flex-direction:column;gap:15px;max-width:95%;padding:35px 30px;position:relative;width:450px}.close-modal{background-color:#185c8d;border-radius:6px;color:#fff;font-size:.85rem;font-weight:600;padding:6px 15px;right:15px;top:15px;transition:all .3s ease;z-index:999}.close-modal:hover{background-color:#007acc;box-shadow:0 6px 12px #0006;transform:translateY(-2px)}.skill-level-display{align-items:center;display:flex;gap:10px;justify-content:space-between;margin:15px 0}.level-bar{background:#333;border-radius:6px;flex:1 1;height:10px;margin-right:10px;overflow:hidden}.level-fill{background-color:#214864;border-radius:6px;height:100%}.skill-description{color:var(--text-light-secondary);line-height:1.5;margin-bottom:15px;text-align:justify;white-space:pre-line}.skill-details{display:flex;flex-direction:column;gap:12px}.detail-row{align-items:flex-start;display:flex;gap:10px}.detail-label{color:#fff;font-weight:600;width:140px}.detail-value{flex:1 1}.detail-value ul{color:#ccc;list-style:disc;margin:5px 0 0;padding-left:20px}.detail-value ul li{margin-bottom:5px}@media (max-width:768px){.skills-grid{grid-template-columns:1fr}.skill-modal{width:100%}}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.services{background:#111827;color:var(--text-light);padding:50px 20px}.services h2{color:#4db5ff;font-size:2rem;margin-bottom:40px;text-align:center}.services-container{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1200px;padding:0 10px}.service-card{align-items:flex-start;background:#1f2937;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 10px #0003;display:flex;gap:15px;padding:20px;transition:all .3s ease}.service-card:hover{background:#4db5ff14;border:1px solid #4db5ff;box-shadow:0 8px 20px #4db5ff4d;transform:translateY(-6px)}.service-marker{align-items:center;background:#4db5ff;border-radius:50%;color:#111827;cursor:pointer;display:flex;flex-shrink:0;height:50px;justify-content:center;margin-top:6px;transition:all .3s ease;width:50px}.service-marker:hover{background:#fff;color:#4db5ff}.service-content h4{border-bottom:3px solid rgba(137,204,253,.608);color:#4db5ff;font-size:1.2rem;margin:0 0 12px;padding-bottom:8px}.service-content p{color:#ccc;font-size:.95rem;line-height:1.6;margin:10px 0 0;text-align:left}.projects{background:#0000;padding:20px 10%}.projects h2{color:#00bfff;font-size:2.5rem;font-weight:700;margin-bottom:40px;text-align:center}.projects-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.projects-card{background:#0f1c2e;border:2px solid #0000;border-radius:15px;box-shadow:0 4px 10px #0000001a;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease,border .3s ease}.projects-card:hover{border:2px solid #00bfff;border:2px solid var(--primary-color,#00bfff);box-shadow:0 8px 25px #00bfff66;transform:translateY(-8px)}.image-wrapper{border-radius:12px;height:220px;overflow:hidden;position:relative;width:100%}.image-wrapper img{display:block;height:100%;object-fit:cover;width:100%}.projects-overlay{align-items:center;background:#00bfff66;display:flex;gap:12px;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .3s ease}.image-wrapper:hover .projects-overlay{opacity:1}.overlay-btn{align-items:center;background:#dcf8fe;border:2px solid #0000;border-radius:8px;color:#59bedf;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 14px;transition:background .2s ease,color .2s ease}.overlay-btn:hover{background:#0ba4dc;color:#f5f5f5}.projects-info{color:#fff;color:var(--text-light,#fff);padding:15px;text-align:center}.projects-info h3{font-size:1.3rem;font-weight:700;margin-bottom:10px}.justify-text{text-align:justify;text-justify:inter-word}.projects-info p{color:#ffffffb3;font-size:.95rem}.video-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.video-modal{background:#0a3e51;border-radius:10px;max-width:800px;padding:15px;position:relative;width:90%}.video-modal video{border-radius:10px;width:100%}.close-modal{background:#315e6e;border:none;border-radius:50%;cursor:pointer;position:absolute;right:8px;top:8px}.contact-container{background:#0000;color:#fff;display:flex;flex-wrap:wrap;font-family:Poppins,sans-serif;gap:50px;justify-content:center;padding:80px 10%}.contact-left{flex:1 1;min-width:300px}.contact-left h2{color:#00bfff;font-size:2.5rem;margin-bottom:10px;text-align:left}.contact-left p{color:#ffffffb3;font-size:1rem;margin-bottom:30px;text-align:left}.contact-info{display:flex;flex-direction:column;gap:20px}.contact-card{align-items:center;background:#0f161b;border:1px solid #00bfff4d;border-radius:15px;box-shadow:6px 6px 15px #0006,-6px -6px 15px #59bedf33;display:flex;gap:20px;padding:20px 25px;transition:all .3s ease}.contact-card:hover{box-shadow:inset 4px 4px 10px #0006,inset -4px -4px 10px #00bfff4d}.contact-card .icon{color:#59bedf;flex-shrink:0;font-size:2.2rem}.contact-text{display:flex;flex-direction:column}.contact-text p{color:#fff;font-size:1rem;line-height:1.5;margin:0}.contact-text a,.contact-text span{color:#00bfff;font-size:.95rem;margin-left:0;text-decoration:none}.contact-right{flex:1 1;margin-top:110px;min-width:300px}.contact-right form{display:flex;flex-direction:column;gap:20px}.contact-right input,.contact-right textarea{background:#0f161b;border:none;border-radius:15px;box-shadow:inset 6px 6px 15px #0006,inset -6px -6px 15px #00bfff33;color:#fff;font-size:1rem;padding:15px 20px;transition:all .3s ease}.contact-right input:focus,.contact-right textarea:focus{box-shadow:inset 4px 4px 10px #0006,inset -4px -4px 10px #00bfff66;outline:none}.contact-right button{background:#00bfff;border:none;border-radius:15px;box-shadow:5px 5px 15px #0006,-5px -5px 15px #59bedf33;color:#fff;cursor:pointer;font-size:1rem;padding:15px 20px;transition:all .3s ease}.contact-right button:hover{box-shadow:inset 4px 4px 10px #0006,inset -4px -4px 10px #00bfff66}.form-status{font-size:.9rem;font-weight:500;margin-top:-10px;text-align:center}.form-status.success{color:#4caf50}.form-status.error{color:#ff4d4f}@media (max-width:900px){.contact-container{flex-direction:column;padding:60px 5%}.contact-left,.contact-left h2,.contact-left p,.contact-right{text-align:center}.contact-text a,.contact-text span{margin-left:0}}:root{--primary-color:#00bfff;--secondary-color:#007acc;--background-dark:#0a0f1c;--text-light:#fff;--text-gray:#b0b0b0;--accent-color:#ff007f}section{background:#0000!important;padding:80px 10%;scroll-margin-top:80px}h1,h2,h3{color:var(--text-light);font-weight:700;margin-bottom:20px}h1,h2,h3,p{text-align:center}p{color:var(--text-gray);margin-bottom:15px}button,p{font-size:1rem}button{border:none;border-radius:6px;cursor:pointer;outline:none;padding:10px 20px;transition:all .3s ease}button:hover{opacity:.9}.loading-screen{background:#0d0d0d;color:#00bfff;flex-direction:column;height:100vh}.loader,.loading-screen{align-items:center;display:flex;justify-content:center}.loader{height:80px;margin-bottom:20px;width:80px}.loader-ring{animation:spin 1.2s linear infinite;border:5px solid #00bfff4d;border-radius:50%;border-top-color:#00bfff;height:60px;width:60px}@keyframes spin{to{transform:rotate(1turn)}}.background-animation{background:#0000;height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:0}.floating-shapes .shape{border:2px solid #00bfff80;border-radius:50%;height:100px;position:absolute;width:100px}.shape-1{left:20%;top:10%}.shape-2{right:15%;top:30%}.shape-3{bottom:20%;left:10%}.shape-4{right:30%;top:60%}.shape-5{bottom:10%;right:20%}.shape-6{left:40%;top:40%}.main-content{color:#f9f9f9;position:relative;z-index:1}nav{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0f1ce6;justify-content:space-between;left:0;padding:15px 10%;position:fixed;top:0;width:100%;z-index:1000}nav,nav ul{display:flex}nav ul{gap:20px;list-style:none}nav ul li a{color:var(--text-light);font-weight:500;text-decoration:none;transition:color .3s ease}nav ul li a:hover{color:var(--primary-color)}html{scroll-behavior:smooth}
/*# sourceMappingURL=main.67f76ac1.css.map*/