@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700;800&display=swap);body{background:#0a0a0a;color:#fff;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}code{font-family:Fira Code,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}::selection{background:#667eea4d;color:#fff}::-moz-selection{background:#667eea4d;color:#fff}.navbar{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0a0e1af2;border-bottom:1px solid #8b5cf626;left:0;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.nav-container{align-items:center;display:flex;height:60px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.logo img{filter:drop-shadow(0 0 10px rgba(139,92,246,.4));height:38px;transition:all .3s ease;width:auto}.nav-menu{display:flex;gap:.8rem;list-style:none;margin:0;padding:0}.nav-item,.nav-link{position:relative}.nav-link{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000;border:2px solid #50506473;border-radius:22px;color:#ffffffe6;cursor:pointer;font-size:.9rem;font-weight:600;overflow:visible;padding:8px 18px;text-decoration:none;transition:background .2s ease,color .2s ease,transform .15s ease;z-index:1}.nav-link:before{background:linear-gradient(90deg,#a855f700,#667eea00);border-radius:30px;inset:-4px;pointer-events:none;transition:opacity .2s ease,transform .25s ease;z-index:-1}.nav-link:after,.nav-link:before{content:"";opacity:0;position:absolute}.nav-link:after{background:linear-gradient(90deg,#8a2be6,#1e90ff 50%,#00bfff);border-radius:28px;inset:-3px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;transition:opacity .22s ease,transform .22s ease;z-index:-2}.nav-link:hover{background:#1a1e2ef2;border-color:#8b5cf6e6;color:#fff;text-shadow:0 0 6px #ffffffd9;transform:translateY(-2px)}.nav-link:active,.nav-link:focus{box-shadow:none;outline:none}.nav-link:hover:after{opacity:1;transform:scale(1.02)}.nav-link:focus:after{opacity:0;transform:scale(1)}.nav-link:active{box-shadow:none;outline:none}.nav-link.active{background:#0000;border:2px solid #8b5cf6;box-shadow:0 8px 25px #8b5cf64d;color:#fff}.nav-link.active:after{opacity:0;transform:scale(1)}.nav-link.active:hover:after{opacity:1;transform:scale(1.02)}.nav-link.active:focus:after{opacity:0;transform:scale(1)}.nav-link:active{transform:translateY(0);transition:transform 70ms ease}.hamburger{background:#667eea1a;border:1px solid #667eea33;border-radius:8px;color:#fff;cursor:pointer;display:none;font-size:1.5rem;padding:10px;transition:all .3s ease}.hamburger:hover{background:#667eea33;color:#667eea;transform:scale(1.05)}.close-menu{background:#667eea33;border-radius:50%;color:#fff;cursor:pointer;display:none;font-size:1.5rem;padding:10px;position:absolute;right:20px;top:20px;transition:all .3s ease}.close-menu:hover{background:#667eea4d;color:#667eea;transform:scale(1.1)}@media (max-width:768px){.hamburger{display:block}.nav-menu{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(180deg,#0c0e18f0,#0a0c16d9);border-radius:14px 0 0 14px;box-shadow:0 12px 40px #040a1c73;flex-direction:column;gap:1.25rem;height:86vh;justify-content:center;max-width:360px;padding:2rem 1rem;position:fixed;right:-100%;right:-110%;top:0;transform:translateX(0);transition:right .24s ease,transform .2s ease;width:84%;z-index:1001}.nav-menu.active{right:1.5%;transform:translateX(-1%)}.nav-menu.active .nav-item .nav-link{animation:slideIn .38s cubic-bezier(.2,.9,.2,1) forwards;opacity:0;transform:translateY(12px) scale(.98)}.nav-menu.active .nav-item:first-child .nav-link{animation-delay:80ms}.nav-menu.active .nav-item:nth-child(2) .nav-link{animation-delay:.16s}.nav-menu.active .nav-item:nth-child(3) .nav-link{animation-delay:.24s}.nav-menu.active .nav-item:nth-child(4) .nav-link{animation-delay:.32s}.nav-menu.active .nav-item:nth-child(5) .nav-link{animation-delay:.4s}.nav-menu.active .nav-item:nth-child(6) .nav-link{animation-delay:.48s}.nav-menu.active .nav-item .nav-link:after{opacity:1;transform:scale(1.02)}@keyframes slideIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.nav-overlay{background:#0000;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .2s ease;z-index:800}.nav-overlay.active{background:#02061680;opacity:1;pointer-events:all}.nav-menu::-webkit-scrollbar{width:8px}.nav-menu::-webkit-scrollbar-track{background:#0a0c1699;border-radius:10px}.nav-menu::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#a855f7,#3b82f6);border-radius:10px}.nav-link{background:#ffffff05;border:1px solid #ffffff0a;font-size:1.05rem;margin:6px 0;max-width:340px;padding:12px 26px;text-align:center;width:76%}.close-menu{display:block}.close-menu:hover{color:#8b5cf6}}@media (max-width:480px){.navbar{display:none}}@media (max-width:600px){.close-menu,.hamburger,.nav-menu,.nav-overlay{display:none!important}.nav-container{height:60px;padding:0 15px}.logo img{height:35px}}.loading-screen{align-items:center;animation:fadeIn .3s ease-in;background:linear-gradient(135deg,var(--surface) 0,#11142a 60%);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.loading-content{flex-direction:column;gap:2rem}.loading-content,.loading-logo{align-items:center;display:flex}.loading-logo{justify-content:center}.bounce-logo{animation:bounce 1.5s ease-in-out infinite;filter:drop-shadow(0 8px 20px rgba(102,126,234,.4));height:150px;width:150px}.loading-text{color:#fff;display:flex;font-size:1.5rem;font-weight:600;gap:.1rem}.loading-text span{animation:wave 1.5s ease-in-out infinite;animation-delay:calc(var(--i)*.1s)}.loading-text span:first-child{--i:0}.loading-text span:nth-child(2){--i:1}.loading-text span:nth-child(3){--i:2}.loading-text span:nth-child(4){--i:3}.loading-text span:nth-child(5){--i:4}.loading-text span:nth-child(6){--i:5}.loading-text span:nth-child(7){--i:6}.loading-text span:nth-child(8){--i:7}.loading-text span:nth-child(9){--i:8}.loading-text span:nth-child(10){--i:9}@keyframes wave{0%,40%,to{color:#fff;transform:translateY(0)}20%{color:#667eea;transform:translateY(-10px)}}.loading-screen.fade-out{animation:fadeOut .8s ease-out forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0;visibility:hidden}}@media (max-width:768px){.bounce-logo{height:100px;width:100px}.loading-text{font-size:1.2rem}}@media (max-width:480px){.bounce-logo{height:80px;width:80px}.loading-text{font-size:1rem}}.home-section{align-items:center;background:linear-gradient(135deg,var(--surface) 0,#11142a 60%);border-bottom:1px solid #a855f714;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding-top:60px;position:relative}.home-content{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:var(--max-width);padding:2rem;width:100%}.profile-container{align-items:center;display:flex;justify-content:center;position:relative}.profile-container:before{animation:backgroundRotate 8s linear infinite,backgroundPulse 4s ease-in-out infinite;background:conic-gradient(from 0deg,#aa52f2,#663788,#5858f8,#5ff65f,#f46262,#aa52f2);border-radius:50%;content:"";filter:blur(120px);height:350px;left:50%;opacity:.8;position:absolute;top:50%;transform:translate(-50%,-50%);width:350px;z-index:0}@keyframes backgroundRotate{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes backgroundPulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}}.intro-content{justify-content:center}.profile-image{animation:float 6s ease-in-out infinite;background:linear-gradient(135deg,#667eea40,#06b6d440);border:3px solid #0000;border-radius:50%;box-shadow:0 12px 40px #667eea66,0 8px 25px #06b6d433;height:340px;overflow:hidden;padding:4px;position:relative;width:340px;z-index:10}.profile-image:before{animation:ringRotate 8s linear infinite;background:conic-gradient(from 0deg,#667eea 0,#764ba2 25%,#8b5cf6 50%,#06b6d4 75%,#667eea 100%);bottom:-3px;left:-3px;right:-3px;top:-3px}.profile-image:after,.profile-image:before{border-radius:50%;content:"";position:absolute;z-index:-1}.profile-image:after{background:#0000;bottom:0;left:0;right:0;top:0}.profile-image img{border-radius:50%;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.profile-image:hover img{transform:scale(1.05)}.profile-overlay{background:linear-gradient(135deg,#667eea0f,#764ba20f);border-radius:50%;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .25s ease}.profile-image:hover .profile-overlay{opacity:1}.intro-content{display:flex;flex-direction:column;gap:1.5rem}.greeting{animation:fadeInUp .8s ease-out;color:var(--muted);font-size:1.2rem}.greeting,.name{margin-bottom:.5rem}.name{animation:fadeInUp .8s ease-out .2s both;font-size:2.8rem;font-weight:800;line-height:1.12}.highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a13dfe,#3b82f6);-webkit-background-clip:text;background-clip:text}.role{animation:fadeInUp .8s ease-out .4s both;color:var(--primary-1);font-size:1.25rem;font-weight:600;margin-bottom:.6rem}.typing-cursor{animation:blink 1s infinite;color:#8b5cf6}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.description{animation:fadeInUp .8s ease-out .6s both;color:var(--muted);font-size:1.05rem;line-height:1.7;margin-bottom:1.75rem;max-width:680px}.tech-stack{animation:fadeInUp .8s ease-out .8s both;display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:2rem}.tech-item{background:#ffffff05;border:1px solid #ffffff08;border-radius:14px;color:var(--primary-1);font-size:.9rem;font-weight:500;padding:8px 14px;transition:transform .18s ease,background .18s ease}.tech-item:hover{background:hsla(0,0%,100%,.035);transform:translateY(-2px)}.cta-buttons{animation:fadeInUp .8s ease-out 1s both;flex-wrap:wrap;margin-bottom:2rem}.cta-buttons,.social-links{display:flex;gap:1rem;justify-content:center}.social-links{animation:fadeInUp .8s ease-out 1.2s both}.social-link{animation:socialFloat 5s ease-in-out infinite;border:1px solid #8b5cf64d;font-size:1.1rem;height:48px;width:48px}.social-link:first-child{animation-delay:0s}.social-link:nth-child(2){animation-delay:2.5s}.social-link:hover{animation-play-state:paused;background:linear-gradient(135deg,#8b5cf6,#06b6d4);border-color:#0000;box-shadow:0 16px 40px #8b5cf666;color:#fff;text-decoration:none;transform:translateY(-6px)}.scroll-indicator{align-items:center;animation:fadeInUp .8s ease-out 1.4s both;bottom:30px;color:#b0b0b0;display:flex;flex-direction:column;gap:10px;left:50%;position:absolute;transform:translateX(-50%)}.scroll-mouse{animation:bounce 2s infinite;border:2px solid #8b5cf6;border-radius:12px;height:40px;position:relative;width:24px}.scroll-wheel{animation:scroll 2s infinite;background:#8b5cf6;border-radius:2px;height:8px;left:50%;position:absolute;top:8px;transform:translateX(-50%);width:4px}.scroll-indicator p{font-size:.9rem;margin:0}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes glow{0%{box-shadow:0 0 30px #a855f780,0 0 40px #a855f74d,0 0 50px #a855f733}to{box-shadow:0 0 50px #a855f7e6,0 0 60px #a855f799,0 0 70px #a855f766}}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes scroll{0%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(16px)}}@keyframes ringRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes ringPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes socialFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (max-width:968px){.home-content{gap:3rem;grid-template-columns:1fr;padding:1.5rem;text-align:center}.profile-image{height:280px;width:280px}.name{font-size:2.8rem}.role{font-size:1.6rem}}@media (max-width:768px){.home-content{gap:2.5rem;grid-template-columns:1fr;padding:1.5rem;text-align:center}.profile-container{order:1}.intro-content{order:2}.profile-image{height:250px;margin:0 auto;width:250px}.name{font-size:2.2rem}.role{font-size:1.4rem}.description{font-size:1.05rem;max-width:100%;text-align:center}.cta-buttons{flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:center}.cta-buttons .btn{min-width:160px}}@media (max-width:480px){.home-section{min-height:100vh;padding-top:60px}.home-content{gap:2rem;margin:0;max-width:100%;padding:1rem}.profile-container{order:1}.intro-content{gap:1rem;order:2}.profile-image{height:200px;margin:0 auto;width:200px}.name{font-size:1.8rem}.name,.role{text-align:center}.role{font-size:1.2rem}.greeting{font-size:1.1rem;text-align:center}.description{font-size:.95rem;line-height:1.5;margin-bottom:1.5rem;text-align:center}.cta-buttons{align-items:center;flex-direction:column;gap:.8rem;width:100%}.cta-buttons .btn{font-size:.9rem;max-width:250px;padding:.8rem 1.5rem;text-align:center;width:100%}.social-links{justify-content:center;margin-top:1rem}}.about-section{background:linear-gradient(135deg,var(--surface) 0,#11142a 60%);border-bottom:1px solid #8b5cf61f;min-height:100vh;padding:5rem 0}.about-content,.about-section{align-items:center;display:flex}.about-content{justify-content:center;margin-top:3rem}.about-tabs{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid #8b5cf640;border-radius:20px;box-shadow:0 20px 40px #0000004d;max-width:1000px;padding:3rem;width:100%}.tab-buttons{grid-gap:1rem;background:#0006;border-radius:15px;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:3rem;padding:1rem}.tab-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:10px;color:#fffc;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;padding:15px 20px;text-align:center;transition:all .3s ease}.tab-button.active,.tab-button:hover{background:#1e1e28e6;border:1px solid #a855f780;box-shadow:0 5px 15px #a855f733;color:#fff;transform:translateY(-1px)}.tab-content{align-items:flex-start;animation:fadeIn .3s ease-in;display:flex;justify-content:center;min-height:400px}.skills-content{display:flex;flex-direction:column;gap:2rem;width:100%}.skills-frontend-backend{align-items:flex-start;display:flex;gap:2rem;margin:2rem 0;position:relative}.skills-frontend-backend .skills-category{flex:1 1;margin-bottom:0}.skills-frontend-backend .frontend{text-align:right}.skills-frontend-backend .backend{text-align:left}.skills-partition{background:linear-gradient(180deg,#0000,#667eea 20%,#764ba2 50%,#667eea 80%,#0000);flex-shrink:0;min-height:150px;position:relative;width:2px}.skills-partition:before{background:#667eea;border-radius:50%;box-shadow:0 0 10px #667eea80;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.skills-category{margin-bottom:2rem}.skills-category h4{border-bottom:2px solid #667eea4d;color:#667eea;font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem;text-align:center}.skills-list{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));justify-content:center}.skill-item{align-items:center;background:#ffffff08;border:1px solid #ffffff08;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;min-width:64px;padding:.65rem;transition:transform .18s ease,background .18s ease}.skill-item:hover{background:#667eea1a;box-shadow:0 10px 25px #667eea4d;transform:translateY(-5px)}.skill-item img{height:36px;object-fit:contain;width:36px}.skill-item i,.skill-item img{filter:drop-shadow(0 0 10px rgba(102,126,234,.3))}.skill-item i{align-items:center;display:flex;font-size:40px;height:40px;justify-content:center;width:40px}.skill-item span{color:#e0e0e0;font-size:.85rem;font-weight:500;text-align:center}.experience-content{display:flex;flex-direction:column;gap:2rem}.experience-item{background:#ffffff08;border-left:4px solid #a855f7;border-radius:10px;padding:1.5rem;transition:all .3s ease}.experience-item:hover{background:#ffffff0d;transform:translateX(5px)}.experience-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:.5rem}.experience-header h4{color:#fff;font-size:1.1rem;margin:0}.experience-period{background:#a855f733;border-radius:15px;color:#a855f7;font-size:.85rem;font-weight:500;padding:4px 12px}.experience-company{color:#a855f7;font-weight:600;margin-bottom:.5rem}.experience-description{color:#e0e0e0;line-height:1.6;margin:0}.education-content{display:flex;flex-direction:column;gap:1.5rem}.education-item{background:#ffffff08;border-left:4px solid #3b82f6;border-radius:10px;padding:1.5rem;transition:all .3s ease}.education-item:hover{background:#ffffff0d;transform:translateX(5px)}.education-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:.5rem}.education-header h4{color:#fff;font-size:1.1rem;margin:0}.education-period{background:#3b82f633;border-radius:15px;color:#3b82f6;font-size:.85rem;font-weight:500;padding:4px 12px}.education-institution{color:#3b82f6;font-weight:600;margin:0}.education-content,.experience-content{display:flex;flex-direction:column;gap:2rem}.education-item,.experience-item{background:#ffffff0d;border-left:4px solid #a855f7;border-radius:10px;padding:1.5rem;transition:transform .3s ease}.education-item:hover,.experience-item:hover{transform:translateX(5px)}.education-item h4,.experience-item h4{color:#fff;font-size:1.3rem;margin-bottom:.5rem}.education-period,.experience-period{color:#a855f7;font-size:.9rem;font-weight:600;margin-bottom:1rem}.education-description,.experience-description{color:#e0e0e0;line-height:1.6}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:968px){.about-content{gap:3rem;grid-template-columns:1fr}.skills-frontend-backend{flex-direction:column;gap:1.5rem}.skills-partition{background:linear-gradient(90deg,#0000,#667eea 20%,#764ba2 50%,#667eea 80%,#0000);height:2px;min-height:auto;width:100%}.skills-frontend-backend .backend,.skills-frontend-backend .frontend{text-align:center}.skills-content{gap:1.5rem}}@media (max-width:480px){.skills-list{gap:.6rem;grid-template-columns:repeat(3,1fr)}.skill-item{border-radius:10px;min-width:56px;padding:.5rem}.skill-item i,.skill-item img{font-size:28px;height:28px;width:28px}.skills-category h4{font-size:1rem}}@media (max-width:768px){.about-tabs{background:#0000;border:none;box-shadow:none;max-height:none;overflow:visible;padding:1rem .5rem}.tab-buttons{gap:.6rem;grid-template-columns:1fr 1fr 1fr}.about-section{padding:3rem 0}.about-tabs{padding:1rem}.tab-buttons{flex-direction:column;gap:.3rem}.tab-button{font-size:.9rem;padding:10px 16px}.skills-content{gap:1.5rem}.about-text p{font-size:1rem;text-align:left}}@media (max-width:480px){.about-tabs{background:#0000;border:none;box-shadow:none;max-width:100%;padding:.5rem 0;width:100%}.education-item,.experience-item{padding:1rem}.education-item h4,.experience-item h4{font-size:1.1rem}.tab-buttons{display:flex;gap:.5rem;justify-content:flex-start;overflow-x:auto;padding-bottom:.5rem}.tab-button{border-radius:999px;flex:0 0 auto;font-size:.88rem;padding:8px 12px}.skills-content{padding-top:.5rem}}.services-section{align-items:center;background:linear-gradient(135deg,var(--surface) 0,#11142a 60%);border-bottom:1px solid #8b5cf61f;display:flex;min-height:100vh;padding:5rem 0}.services-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:3rem}.service-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;overflow:hidden;padding:2.5rem;position:relative;text-align:center;transition:all .4s ease}.service-card:before{background:linear-gradient(90deg,#0000,#8b5cf626,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.service-card:hover:before{left:100%}.service-card:hover{border-color:#8b5cf666;box-shadow:0 20px 40px #8b5cf640;transform:translateY(-10px)}.service-icon{align-items:center;background:linear-gradient(135deg,#8b5cf6,#06b6d4);border-radius:20px;color:#fff;display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto 2rem;transition:all .3s ease;width:80px}.service-card:hover .service-icon{transform:scale(1.1) rotateY(180deg)}.service-content{position:relative;z-index:2}.service-title{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.service-description{color:#94a3b8;font-size:1rem;line-height:1.6;margin-bottom:2rem}.service-features{list-style:none;margin-bottom:2rem;text-align:left}.service-features li{color:#e2e8f0;padding:.5rem 0 .5rem 24px;position:relative;transition:color .3s ease}.service-features li:before{color:#8b5cf6;content:"✓";font-size:1.2rem;font-weight:700;left:0;position:absolute}.service-btn,.service-features li:hover{color:#8b5cf6}.service-btn{background:#0000;border:2px solid #8b5cf6;border-radius:25px;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.service-btn:hover{background:#8b5cf6;color:#fff;transform:translateY(-2px)}@media (max-width:768px){.services-section{padding:3rem 0}.services-grid{gap:2rem;grid-template-columns:1fr}.service-card{padding:2rem}.service-icon{font-size:1.8rem;height:70px;width:70px}.service-title{font-size:1.3rem}.service-description{font-size:.9rem}}@media (max-width:480px){.service-card{padding:1.5rem}.service-icon{font-size:1.5rem;height:60px;margin-bottom:1.5rem;width:60px}.service-title{font-size:1.2rem}}.projects-section{background:linear-gradient(135deg,var(--surface) 0,#11142a 60%);border-bottom:1px solid #8b5cf61f;padding:4rem 0}.projects-grid{grid-gap:1.2rem;gap:1.2rem;margin-bottom:4rem;margin-left:auto;margin-right:auto}.project-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px}.project-card:hover{box-shadow:0 20px 40px #8b5cf659}.project-image{height:160px}.project-card:hover .project-image img{transform:scale(1.1)}.project-overlay{background:linear-gradient(135deg,#667eeae6,#764ba2e6);transition:opacity .4s ease}.project-link{background:#fff3;color:#fff;padding:12px 20px}.project-link:hover{background:#ffffff4d;transform:translateY(-2px)}.project-content{padding:1.5rem}.project-title{color:#fff;font-size:1.3rem;margin-bottom:.8rem}.project-description{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:#b0b0b0;display:-webkit-box;font-size:.9rem;font-size:1rem;line-height:1.5;margin-bottom:1rem;overflow:hidden}.project-features h4{color:#667eea;font-size:1rem}.project-features ul{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.project-features li{color:#e0e0e0;font-size:.9rem;padding:4px 0 4px 16px}.project-features li:before{color:#667eea;content:"✓"}.tech-tag{background:linear-gradient(135deg,#667eea33,#764ba233);border:1px solid #667eea4d;border-radius:15px;color:#667eea;padding:6px 12px}.tech-tag:hover{background:linear-gradient(135deg,#667eea4d,#764ba24d)}.more-projects{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;margin-top:2rem;padding:3rem 2rem;text-align:center}.more-projects p{color:#b0b0b0;font-size:1.1rem;margin-bottom:1.5rem}.more-projects-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}@media (max-width:850px){.projects-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.projects-section{padding:3rem 0}.projects-grid{gap:1.5rem;grid-template-columns:1fr}.project-content{padding:1.5rem}.project-image{height:180px}.project-links{flex-direction:column;gap:.8rem}.project-link{font-size:.9rem;padding:10px 16px}}@media (max-width:480px){.project-content{padding:1rem}.project-title{font-size:1.3rem}.project-description{font-size:.9rem}.tech-tag{font-size:.7rem;padding:4px 8px}.more-projects{padding:1.5rem}.more-projects-buttons{align-items:center;flex-direction:column;gap:.8rem}.more-projects-buttons .btn{max-width:250px;width:100%}}.contact-section{align-items:center;background:linear-gradient(135deg,var(--surface) 0,#11142a 60%);border-top:1px solid #8b5cf61f;display:flex;min-height:100vh;padding:5rem 0}.contact-content{grid-gap:4rem;align-items:start;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin-top:3rem}.contact-info{display:flex;flex-direction:column;gap:2rem}.contact-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;display:flex;gap:1.5rem;padding:1.5rem;transition:all .3s ease}.contact-item:hover{background:#ffffff14;transform:translateY(-2px)}.contact-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;height:60px;justify-content:center;width:60px}.contact-details h4{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.contact-details p{color:#b0b0b0;font-size:1rem}.social-links{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;padding:2rem;text-align:center}.social-links h4{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:1.5rem}.social-icons{gap:1rem}.social-icons,.social-link{display:flex;justify-content:center}.social-link{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:50%;color:#fff;font-size:1.2rem;height:50px;text-decoration:none;transition:all .3s ease;width:50px}.social-link:hover{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 10px 25px #667eea4d;transform:translateY(-3px)}.contact-form-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:2.5rem}.contact-form h3{color:#fff;font-size:1.8rem;font-weight:600;margin-bottom:2rem;text-align:center}.form-group{margin-bottom:1.5rem}.form-group input,.form-group textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff1a;border-radius:10px;color:#fff;font-family:inherit;font-size:1rem;padding:15px 20px;transition:all .3s ease;width:100%}.form-group input::placeholder,.form-group textarea::placeholder{color:#b0b0b0}.form-group input:focus,.form-group textarea:focus{background:#ffffff26;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group textarea{min-height:120px;resize:vertical}.contact-form .btn{font-size:1.1rem;justify-content:center;margin-top:1rem;padding:15px 30px;width:100%}.submit-message{align-items:center;border-radius:8px;display:flex;font-weight:500;gap:.5rem;margin-top:1rem;padding:12px 20px}.submit-message.success{background:#22c55e33;border:1px solid #22c55e4d;color:#22c55e}.submit-message.error{background:#ef444433;border:1px solid #ef44444d;color:#ef4444}@keyframes spin{to{transform:rotate(1turn)}}.fa-spinner{animation:spin 1s linear infinite}@media (max-width:968px){.contact-content{gap:3rem;grid-template-columns:1fr}}@media (max-width:768px){.contact-section{padding:3rem 0}.contact-form-container{padding:2rem}.contact-item{gap:1rem;padding:1rem}.contact-icon{font-size:1.2rem;height:50px;width:50px}.social-links{padding:1.5rem}.social-icons{gap:.8rem}.social-link{font-size:1.1rem;height:45px;width:45px}}@media (max-width:480px){.contact-form-container{padding:1.5rem}.contact-form h3{font-size:1.5rem}.form-group input,.form-group textarea{font-size:.9rem;padding:12px 16px}.contact-item{flex-direction:column;gap:1rem;text-align:center}.contact-details h4{font-size:1.1rem}.contact-details p{font-size:.9rem}}.all-projects-page{background:linear-gradient(135deg,var(--surface) 0,#11142a 60%);min-height:100vh;padding-top:70px}.all-projects-header{padding:.5rem 0;position:relative;text-align:center}.back-link{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1a1e2ef2;border:1px solid #8b5cf680;border-radius:25px;box-shadow:0 4px 20px #0000004d;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;left:20px;padding:.8rem 1.5rem;position:fixed;top:20px;transition:all .3s ease;z-index:1000}.back-link,.back-link:hover{color:#fff;text-decoration:none}.back-link:hover{background:#8b5cf64d;border-color:#8b5cf6cc;box-shadow:0 8px 25px #8b5cf64d;transform:translateX(-5px)}.header-content{margin-top:0;position:relative}.page-title{-webkit-text-fill-color:#0000;animation:fadeInUp .8s ease-out;background:linear-gradient(135deg,#8b5cf6,#06b6d4);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem}.projects-stats{animation:fadeInUp .8s ease-out .2s both;display:flex;gap:2rem;justify-content:center;margin-bottom:1.5rem}.project-count{animation:pulseGlow 2s ease-in-out infinite;background:linear-gradient(135deg,#a855f726,#3b82f626);background-clip:padding-box;border:2px solid #0000;border-radius:30px;color:#fff;font-size:1.1rem;font-weight:700;overflow:hidden;padding:.8rem 2rem;position:relative}.project-count:before{animation:rotateGradient 3s linear infinite;background:linear-gradient(135deg,#8b5cf6,#06b6d4,#8b5cf6);border-radius:30px;content:"";inset:-2px;position:absolute;z-index:-1}.project-count:after{background:#0f1424f2;border-radius:28px;content:"";inset:2px;position:absolute;z-index:-1}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #8b5cf666}50%{box-shadow:0 0 30px #8b5cf6b3,0 0 40px #06b6d466}}@keyframes rotateGradient{0%{background:linear-gradient(135deg,#8b5cf6,#06b6d4,#8b5cf6)}33%{background:linear-gradient(135deg,#06b6d4,#8b5cf6,#06b6d4)}66%{background:linear-gradient(135deg,#8b5cf6,#06b6d4,#8b5cf6)}to{background:linear-gradient(135deg,#8b5cf6,#06b6d4,#8b5cf6)}}.page-subtitle{animation:fadeInUp .8s ease-out .4s both;color:var(--muted);font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px}.filter-section{border-bottom:1px solid #ffffff0d;padding:1.5rem 0}.filter-header{align-items:center;display:flex;flex-direction:column;gap:1rem}.filter-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.filter-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff26;border-radius:20px;color:var(--text);cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.8rem 1.5rem;transition:all .3s ease}.filter-count{background:#8b5cf666;border-radius:10px;color:#fff;font-size:.8rem;font-weight:600;padding:.2rem .6rem}.filter-btn:hover{background:#8b5cf62e;border-color:#8b5cf680;color:#fff;transform:translateY(-2px)}.filter-btn.active{background:linear-gradient(135deg,#8b5cf6,#06b6d4);border-color:#0000;box-shadow:0 8px 25px #8b5cf666;color:#fff}.filter-btn.active .filter-count{background:#ffffff40;color:#fff}.projects-grid-section{padding:3rem 0}.projects-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px}.project-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff05;border:1px solid #ffffff0d;border-radius:20px;box-shadow:0 8px 30px #0000001a;overflow:hidden;position:relative;transition:all .4s ease}.project-card:hover{border-color:#8b5cf666;box-shadow:0 20px 50px #8b5cf633;transform:translateY(-8px)}.featured-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffd70033;border:1px solid #ffd7004d;border-radius:15px;color:gold;display:flex;font-size:.8rem;font-weight:600;gap:.3rem;padding:.4rem .8rem;position:absolute;right:1rem;top:1rem;z-index:10}.featured-badge i{font-size:.7rem}.project-image{height:220px;overflow:hidden;position:relative}.project-image img{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.project-card:hover .project-image img{transform:scale(1.05)}.project-overlay{align-items:center;background:#1e1e28f2;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.project-card:hover .project-overlay{opacity:1}.project-links{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.project-link{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:25px;box-shadow:0 4px 15px #0000001a;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.8rem 1.2rem;transition:all .3s ease}.project-link,.project-link:hover{color:#1a1a2e;text-decoration:none}.project-link:hover{background:#fff;box-shadow:0 12px 30px #00000040;transform:translateY(-3px)}.project-content{padding:1.8rem}.project-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.project-title{color:var(--text);font-size:1.4rem;font-weight:700;line-height:1.3;margin:0}.category-tag{background:var(--accent-gradient);border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;padding:.3rem .8rem;white-space:nowrap}.project-description{color:var(--muted);font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.project-features{margin-bottom:1.5rem}.project-features h4{color:var(--text);font-size:.9rem;font-weight:600;margin-bottom:.8rem}.project-features ul{list-style:none;margin:0;padding:0}.project-features li{color:var(--muted);font-size:.85rem;margin-bottom:.4rem;padding-left:1.2rem;position:relative}.project-features li:before{color:var(--primary-1);content:"→";font-weight:700;left:0;position:absolute}.project-technologies{display:flex;flex-wrap:wrap;gap:.6rem}.tech-tag{background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;color:var(--text);font-size:.8rem;font-weight:500;padding:.4rem .8rem;transition:all .3s ease}.tech-tag:hover{background:#8b5cf626;border-color:#8b5cf666;transform:translateY(-1px)}.github-section{border-top:1px solid #ffffff0d;padding:4rem 0;text-align:center}.github-content h2{color:var(--text);font-size:2.5rem;font-weight:700;margin-bottom:1rem}.github-content p{color:var(--muted);font-size:1.1rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:500px}.github-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#06b6d4);border-radius:30px;box-shadow:0 8px 25px #8b5cf64d;display:inline-flex;font-size:1.1rem;font-weight:600;gap:.8rem;padding:1rem 2rem;transition:all .3s ease}.github-btn,.github-btn:hover{color:#fff;text-decoration:none}.github-btn:hover{box-shadow:0 15px 40px #8b5cf666;transform:translateY(-3px)}@media (max-width:1024px){.projects-grid{gap:2rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.all-projects-page{padding-top:60px}.all-projects-header{padding:1.5rem 0}.back-link{font-size:.9rem;left:auto;margin-bottom:1.5rem;padding:.7rem 1.2rem;position:relative;top:auto}.header-content{margin-top:0}.page-title{font-size:2.5rem}.projects-stats{flex-wrap:wrap;gap:1rem}.project-count{font-size:1rem;padding:.7rem 1.5rem}.page-subtitle{font-size:1rem}.filter-header{gap:1rem}.projects-grid{gap:1.5rem;grid-template-columns:1fr;padding:0 1rem}.project-header{align-items:flex-start;flex-direction:column;gap:.8rem}.filter-buttons{gap:.8rem}.filter-btn{font-size:.9rem;padding:.7rem 1.2rem}.github-content h2{font-size:2rem}}@media (max-width:480px){.all-projects-header{padding:1rem 0}.back-link{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1e1e28f2;border:1px solid #a855f780;border-radius:50%;display:flex;font-size:1.2rem;height:45px;justify-content:center;left:20px;margin-bottom:0;min-width:auto;padding:.7rem;position:fixed;top:20px;width:45px;z-index:1000}.back-link i{margin-right:0}.back-link span{display:none}.page-title{font-size:2rem;margin-top:2rem}.projects-stats{align-items:center;flex-direction:column;gap:.8rem}.project-count{font-size:.95rem;padding:.6rem 1.5rem;text-align:center;width:auto}.filter-header{gap:1rem}.showing-results{font-size:.85rem;text-align:center}.projects-grid{gap:1rem;padding:0 .5rem}.project-card{border-radius:15px}.project-content{padding:1.5rem}.project-links{flex-direction:column;gap:.8rem}.project-link{justify-content:center;width:100%}.filter-buttons{gap:.5rem}.filter-btn{flex-direction:column;font-size:.85rem;gap:.2rem;padding:.6rem 1rem}.filter-count{font-size:.7rem}.github-btn{font-size:1rem;padding:.9rem 1.5rem}}:root{--bg:#0a0e1a;--surface:#1a1e2e;--muted:#b8c5d6;--text:#f1f5f9;--primary-1:#8b5cf6;--primary-2:#06b6d4;--accent-gradient:linear-gradient(135deg,var(--primary-1) 0%,var(--primary-2) 100%);--glass:#ffffff14;--card-radius:16px;--btn-radius:12px;--max-width:1200px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0e1a;background-color:var(--bg);color:#f1f5f9;color:var(--text);font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;line-height:1.6;overflow-x:hidden}.container{margin:0 auto;max-width:1200px;max-width:var(--max-width);padding:0 20px}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#06b6d4);background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;font-size:2.6rem;font-weight:700;margin-bottom:.75rem;text-align:center}.section-subtitle{color:#b8c5d6;color:var(--muted);font-size:1.05rem;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:680px;text-align:center}.btn{align-items:center;border:none;border-radius:12px;border-radius:var(--btn-radius);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:10px 20px;text-align:center;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#8b5cf6,#06b6d4);box-shadow:0 8px 25px #8b5cf64d;color:#fff;font-weight:600}.btn-primary:hover{background:linear-gradient(135deg,#7c3aed,#0891b2);box-shadow:0 18px 45px #8b5cf666;color:#fff;text-decoration:none;transform:translateY(-3px)}.btn-secondary{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;border:2px solid #8b5cf699;color:#fff;font-weight:600}.btn-secondary:hover{background:#8b5cf640;border-color:#8b5cf6;box-shadow:0 10px 30px #8b5cf64d;color:#fff;text-decoration:none}.btn-outline{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:2px solid #a855f766;color:#fff;font-weight:600}.btn-outline:hover{background:#a855f71a;border-color:#a855f7;box-shadow:0 8px 25px #a855f733;color:#fff}.btn.loading{cursor:not-allowed;opacity:.7}@media (max-width:768px){.container{padding:0 15px}.section-title{font-size:2.5rem}.section-subtitle{font-size:1.1rem}}@media (max-width:480px){.section-title{font-size:2rem}.btn{font-size:.9rem;padding:10px 20px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease-out}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1e2e;background:var(--surface)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#8b5cf6,#06b6d4);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#06b6d4,#8b5cf6)}
/*# sourceMappingURL=main.ad19b078.css.map*/