html{scroll-behavior:smooth}.contact-main-wrapper{background:linear-gradient(135deg,#0f0f0f 0%,#1a1a1a 50%,#0d0d0d 100%);padding:120px 0 0;position:relative;overflow:hidden;opacity:0;transform:translateY(30px);transition:all .8s ease-out}.contact-main-wrapper.animate{opacity:1;transform:translateY(0)}.contact-main-wrapper .container{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:5}.contact-main-wrapper .contact-header{text-align:center;margin-bottom:80px;opacity:0;animation:fadeInUp .8s ease-out forwards .2s}.contact-main-wrapper .contact-header .section-badge{display:inline-block;padding:8px 20px;background:linear-gradient(135deg,rgba(0,212,255,.2),rgba(255,107,107,.2));border:1px solid rgba(0,212,255,.3);border-radius:25px;margin-bottom:20px}.contact-main-wrapper .contact-header .section-badge span{color:#00d4ff;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.contact-main-wrapper .contact-header h2{color:#fff;font-size:3rem;font-weight:700;margin-bottom:20px;background:linear-gradient(90deg,#ff6b6b,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-main-wrapper .contact-header .header-underline{width:80px;height:4px;background:linear-gradient(90deg,#ff6b6b,#00d4ff);margin:0 auto 30px;border-radius:2px}.contact-main-wrapper .contact-header .section-description{color:#fff9;font-size:1.1rem;line-height:1.8;max-width:600px;margin:0 auto}.contact-main-wrapper .contact-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:80px}@media (max-width: 968px){.contact-main-wrapper .contact-content{grid-template-columns:1fr;gap:40px}}.contact-main-wrapper .contact-info{display:flex;flex-direction:column;gap:30px;opacity:0;animation:slideInLeft .8s ease-out forwards .4s}.contact-main-wrapper .info-card{position:relative;background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.02));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:30px;transition:all .4s ease;overflow:hidden}.contact-main-wrapper .info-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 8px 32px #0000004d;border-color:#00d4ff4d}.contact-main-wrapper .info-card:hover .card-icon{transform:scale(1.1)}.contact-main-wrapper .info-card:hover .card-icon .icon-glow{opacity:1}.contact-main-wrapper .info-card:hover .card-bg-effect{opacity:1;transform:scale(1.2)}.contact-main-wrapper .info-card .card-icon{width:60px;height:60px;background:linear-gradient(90deg,#ff6b6b,#00d4ff);border-radius:15px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;position:relative;transition:all .3s ease}.contact-main-wrapper .info-card .card-icon svg{font-size:1.5rem;color:#fff;z-index:2;position:relative}.contact-main-wrapper .info-card .card-icon .icon-glow{position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:linear-gradient(90deg,#ff6b6b,#00d4ff);border-radius:20px;opacity:0;filter:blur(15px);transition:opacity .3s ease;z-index:0}.contact-main-wrapper .info-card .card-content h4{color:#fff;font-size:1.3rem;font-weight:600;margin-bottom:10px}.contact-main-wrapper .info-card .card-content p{color:#fffc;font-size:1rem;margin-bottom:5px;line-height:1.5}.contact-main-wrapper .info-card .card-content .availability,.contact-main-wrapper .info-card .card-content .response-time{color:#00d4ff;font-size:.85rem;font-weight:500}.contact-main-wrapper .info-card .card-bg-effect{position:absolute;top:-50%;right:-50%;width:200px;height:200px;background:radial-gradient(circle,rgba(0,212,255,.1),transparent 70%);border-radius:50%;opacity:0;transform:scale(.8);transition:all .5s ease}.contact-main-wrapper .contact-form-wrapper{opacity:0;animation:slideInRight .8s ease-out forwards .6s}.contact-main-wrapper .contact-form-wrapper .form-header{margin-bottom:40px}.contact-main-wrapper .contact-form-wrapper .form-header h3{color:#fff;font-size:1.8rem;font-weight:600;margin-bottom:10px}.contact-main-wrapper .contact-form-wrapper .form-header p{color:#fff9;font-size:1rem}.contact-main-wrapper .contact-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}@media (max-width: 600px){.contact-main-wrapper .contact-form .form-row{grid-template-columns:1fr}}.contact-main-wrapper .contact-form .form-group{position:relative;margin-bottom:25px}.contact-main-wrapper .contact-form .form-group input,.contact-main-wrapper .contact-form .form-group textarea{width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:15px 20px;color:#fff;font-size:1rem;transition:all .3s ease;resize:vertical}.contact-main-wrapper .contact-form .form-group input::placeholder,.contact-main-wrapper .contact-form .form-group textarea::placeholder{color:#fff9}.contact-main-wrapper .contact-form .form-group input:focus,.contact-main-wrapper .contact-form .form-group textarea:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 20px #00d4ff33}.contact-main-wrapper .contact-form .form-group input:focus+.input-underline,.contact-main-wrapper .contact-form .form-group textarea:focus+.input-underline{transform:scaleX(1)}.contact-main-wrapper .contact-form .form-group .input-underline{position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#ff6b6b,#00d4ff);transform:scaleX(0);transition:transform .3s ease;border-radius:0 0 12px 12px}.contact-main-wrapper .contact-form .submit-btn{position:relative;background:linear-gradient(90deg,#ff6b6b,#00d4ff);color:#fff;border:none;padding:15px 40px;border-radius:25px;font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s ease;overflow:hidden}.contact-main-wrapper .contact-form .submit-btn svg{font-size:1.2rem;transition:transform .3s ease}.contact-main-wrapper .contact-form .submit-btn .btn-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.3),transparent 40%);opacity:0;transition:opacity .3s ease}.contact-main-wrapper .contact-form .submit-btn:hover{transform:translateY(-3px);box-shadow:0 15px 35px #00d4ff66}.contact-main-wrapper .contact-form .submit-btn:hover svg{transform:translate(5px)}.contact-main-wrapper .contact-form .submit-btn:hover .btn-glow{opacity:1;animation:pulse 1.5s infinite}.contact-main-wrapper .social-section{text-align:center;margin-bottom:60px;opacity:0;animation:fadeInUp .8s ease-out forwards .8s}.contact-main-wrapper .social-section h4{color:#fff;font-size:1.4rem;margin-bottom:30px}.contact-main-wrapper .social-section .social-links{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.contact-main-wrapper .social-section .social-links .social-link{display:flex;align-items:center;gap:10px;padding:12px 25px;background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1);border-radius:15px;color:#fffc;text-decoration:none;transition:all .3s ease}.contact-main-wrapper .social-section .social-links .social-link svg{font-size:222rem}.contact-main-wrapper .social-section .social-links .social-link:hover{transform:translateY(-3px);border-color:#00d4ff;color:#00d4ff;box-shadow:0 10px 25px #00d4ff33}.contact-main-wrapper .social-section .social-links .social-link.linkedin:hover{border-color:#0077b5;color:#0077b5}.contact-main-wrapper .social-section .social-links .social-link.github:hover{border-color:#333;color:#333}.contact-main-wrapper .social-section .social-links .social-link.twitter:hover{border-color:#1da1f2;color:#1da1f2}.contact-main-wrapper .contact-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden}.contact-main-wrapper .contact-background .bg-circle{position:absolute;border-radius:50%;background:rgba(0,212,255,.03)}.contact-main-wrapper .contact-background .bg-circle.circle-1{width:400px;height:400px;top:10%;right:-100px;animation:float 20s infinite ease-in-out}.contact-main-wrapper .contact-background .bg-circle.circle-2{width:300px;height:300px;bottom:20%;left:-50px;background:rgba(255,107,107,.03);animation:float 15s infinite ease-in-out reverse}.contact-main-wrapper .contact-background .bg-circle.circle-3{width:200px;height:200px;top:60%;right:20%;animation:float 18s infinite ease-in-out}.contact-main-wrapper .contact-background .bg-glow{position:absolute;border-radius:50%;filter:blur(40px)}.contact-main-wrapper .contact-background .bg-glow.glow-1{width:500px;height:500px;top:-200px;right:-200px;background:radial-gradient(circle,rgba(0,212,255,.1),transparent 70%);opacity:.6}.contact-main-wrapper .contact-background .bg-glow.glow-2{width:400px;height:400px;bottom:-150px;left:-150px;background:radial-gradient(circle,rgba(255,107,107,.1),transparent 70%);opacity:.4}.contact-main-wrapper .contact-background .floating-elements .floating-dot{position:absolute;width:6px;height:6px;background:#00d4ff;border-radius:50%;opacity:.6}.contact-main-wrapper .contact-background .floating-elements .floating-dot.dot-1{top:20%;left:10%;animation:floatUpDown 4s infinite ease-in-out}.contact-main-wrapper .contact-background .floating-elements .floating-dot.dot-2{top:70%;right:15%;animation:floatUpDown 5s infinite ease-in-out reverse}.contact-main-wrapper .contact-background .floating-elements .floating-dot.dot-3{bottom:30%;left:80%;background:#ff6b6b;animation:floatUpDown 6s infinite ease-in-out}.footer{background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.8) 50%,#000000 100%);padding:80px 0 0;position:relative;margin-top:100px}.footer .footer-content{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:2}.footer .footer-main{display:grid;grid-template-columns:1fr 2fr;gap:60px;margin-bottom:60px}@media (max-width: 768px){.footer .footer-main{grid-template-columns:1fr;gap:40px}}.footer .footer-brand h3{color:#fff;font-size:1.8rem;font-weight:700;margin-bottom:15px;background:linear-gradient(90deg,#ff6b6b,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer .footer-brand p{color:#fff9;font-size:1rem;line-height:1.6;margin-bottom:25px;max-width:300px}.footer .footer-brand .footer-social{display:flex;gap:15px}.footer .footer-brand .footer-social .social-icon{width:45px;height:45px;background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fffc;text-decoration:none;transition:all .3s ease}.footer .footer-brand .footer-social .social-icon svg{font-size:1.2rem}.footer .footer-brand .footer-social .social-icon:hover{border-color:#00d4ff;color:#00d4ff;transform:translateY(-3px);box-shadow:0 10px 25px #00d4ff33}.footer .footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}@media (max-width: 600px){.footer .footer-links{grid-template-columns:1fr;gap:30px}}.footer .footer-links .link-group h4{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:20px;position:relative;padding-bottom:10px}.footer .footer-links .link-group h4:after{content:"";position:absolute;bottom:0;left:0;width:30px;height:2px;background:linear-gradient(90deg,#ff6b6b,#00d4ff);border-radius:1px}.footer .footer-links .link-group ul{list-style:none;padding:0;margin:0}.footer .footer-links .link-group ul li{margin-bottom:12px;color:#fff9;text-decoration:none;cursor:pointer;transition:all .3s ease}.footer .footer-links .link-group ul li:hover{color:#00d4ff;padding-left:5px}.footer .footer-links .link-group ul li a{color:#fff9;text-decoration:none;transition:all .3s ease;position:relative}.footer .footer-links .link-group ul li a:hover{color:#00d4ff;padding-left:5px}.footer .footer-bottom .footer-divider{height:1px;background:linear-gradient(to right,transparent,rgba(255,255,255,.1),transparent);margin-bottom:30px}.footer .footer-bottom .footer-copyright{text-align:center;padding-bottom:40px}.footer .footer-bottom .footer-copyright p{color:#fff9;font-size:.9rem;margin-bottom:5px}.footer .footer-bottom .footer-copyright p:last-child{margin-bottom:0}.footer .footer-glow{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80%;height:200px;background:radial-gradient(ellipse at center,rgba(0,212,255,.1),transparent 70%);filter:blur(30px);z-index:1}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(20px,-20px)}}@keyframes floatUpDown{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.8}}@media (max-width: 768px){.contact-main-wrapper{padding:80px 0 0}.contact-main-wrapper .contact-header{margin-bottom:60px}.contact-main-wrapper .contact-header h2{font-size:2.2rem}.contact-main-wrapper .contact-content{gap:40px}.contact-main-wrapper .info-card{padding:25px}.contact-main-wrapper .contact-form .submit-btn{width:100%;justify-content:center}}.MyExperienceMainWrapper{padding:120px 0;background:linear-gradient(135deg,#0f0f0f 0%,#1a1a1a 50%,#0d0d0d 100%);position:relative;overflow:hidden;opacity:0;transform:translateY(30px);transition:all .8s ease-out}.MyExperienceMainWrapper.animate{opacity:1;transform:translateY(0)}.MyExperienceMainWrapper .container{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:5}.MyExperienceMainWrapper .section-header{text-align:center;margin-bottom:70px;opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease-out forwards .2s}.MyExperienceMainWrapper .section-header h2{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:15px;text-shadow:0 0 20px rgba(0,212,255,.3)}.MyExperienceMainWrapper .section-header .underline{height:4px;width:70px;background:linear-gradient(90deg,#ff6b6b,#00d4ff);border-radius:2px;margin:0 auto 20px}.MyExperienceMainWrapper .section-header p{color:#fff9;font-size:1.1rem;max-width:600px;margin:0 auto}.MyExperienceMainWrapper .experience-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;margin-bottom:70px}@media (max-width: 767px){.MyExperienceMainWrapper .experience-cards{grid-template-columns:1fr}}.MyExperienceMainWrapper .experience-card{position:relative;background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border-radius:20px;overflow:hidden;padding:30px;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(255,255,255,.1);transition:all .4s ease;z-index:1;opacity:0;transform:translateY(30px)}.MyExperienceMainWrapper .experience-card.current{animation:fadeInUp .7s ease-out forwards .4s;border:1px solid rgba(0,212,255,.3)}.MyExperienceMainWrapper .experience-card.previous{animation:fadeInUp .7s ease-out forwards .6s}.MyExperienceMainWrapper .experience-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 30px 60px #0006}.MyExperienceMainWrapper .experience-card:hover .card-glow{opacity:1}.MyExperienceMainWrapper .experience-card:hover .card-header .company-logo{transform:translateY(-5px);box-shadow:0 15px 30px #00d4ff4d}.MyExperienceMainWrapper .experience-card .card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:25px}.MyExperienceMainWrapper .experience-card .card-header .status-badge{padding:8px 15px;background:linear-gradient(135deg,rgba(0,212,255,.2),rgba(0,212,255,.1));color:#00d4ff;font-size:.85rem;font-weight:600;border-radius:20px;letter-spacing:.5px;border:1px solid rgba(0,212,255,.3)}.MyExperienceMainWrapper .experience-card .card-header .company-logo{width:60px;height:60px;border-radius:12px;background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.02));display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #00000026;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.MyExperienceMainWrapper .experience-card .card-header .company-logo .logo-placeholder{color:#00d4ff;font-size:1.5rem;font-weight:700}.MyExperienceMainWrapper .experience-card .card-content{position:relative;z-index:2}.MyExperienceMainWrapper .experience-card .card-content .job-title{color:#fff;font-size:1.6rem;font-weight:600;margin:0 0 5px;letter-spacing:.5px}.MyExperienceMainWrapper .experience-card .card-content .company-name{color:#00d4ff;font-size:1.2rem;font-weight:500;margin:0 0 15px;letter-spacing:.5px}.MyExperienceMainWrapper .experience-card .card-content .location{display:flex;align-items:center;gap:8px;margin-bottom:20px;color:#fff9;font-size:.95rem}.MyExperienceMainWrapper .experience-card .card-content .location svg{width:18px;height:18px;color:#00d4ffb3}.MyExperienceMainWrapper .experience-card .card-content .divider{height:1px;background:linear-gradient(to right,transparent,rgba(0,212,255,.3),transparent);margin:20px 0}.MyExperienceMainWrapper .experience-card .card-content .job-description{margin-bottom:25px}.MyExperienceMainWrapper .experience-card .card-content .job-description p{color:#fffc;font-size:1rem;line-height:1.7;margin:0}.MyExperienceMainWrapper .experience-card .card-content .key-achievements{margin-bottom:25px}.MyExperienceMainWrapper .experience-card .card-content .key-achievements h5{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 15px;position:relative;padding-left:15px}.MyExperienceMainWrapper .experience-card .card-content .key-achievements h5:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:20px;background:linear-gradient(90deg,#ff6b6b,#00d4ff);border-radius:3px}.MyExperienceMainWrapper .experience-card .card-content .key-achievements ul{padding:0;margin:0;list-style:none}.MyExperienceMainWrapper .experience-card .card-content .key-achievements ul li{display:flex;align-items:flex-start;gap:10px;color:#fff9;font-size:.95rem;margin-bottom:12px;padding-left:5px}.MyExperienceMainWrapper .experience-card .card-content .key-achievements ul li:last-child{margin-bottom:0}.MyExperienceMainWrapper .experience-card .card-content .key-achievements ul li svg{width:16px;height:16px;min-width:16px;color:#00d4ff;margin-top:3px}.MyExperienceMainWrapper .experience-card .card-content .key-achievements ul li span{line-height:1.5}.MyExperienceMainWrapper .experience-card .card-content .tech-stack{display:flex;flex-wrap:wrap;gap:10px}.MyExperienceMainWrapper .experience-card .card-content .tech-stack span{background:linear-gradient(135deg,rgba(0,212,255,.15),rgba(0,212,255,.05));color:#00d4ff;font-size:.85rem;padding:6px 14px;border-radius:20px;border:1px solid rgba(0,212,255,.2);transition:all .3s ease}.MyExperienceMainWrapper .experience-card .card-content .tech-stack span:hover{background:linear-gradient(135deg,rgba(0,212,255,.2),rgba(0,212,255,.1));transform:translateY(-2px)}.MyExperienceMainWrapper .experience-card .card-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 0%,rgba(0,212,255,.1),transparent 70%);opacity:0;transition:opacity .5s ease;z-index:0}.MyExperienceMainWrapper .experience-card.current .card-glow{background:radial-gradient(circle at 50% 0%,rgba(0,212,255,.15),transparent 70%)}.MyExperienceMainWrapper .experience-card.current:after{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:radial-gradient(circle,rgba(255,107,107,.3),transparent 70%);opacity:.5;z-index:0;border-radius:50%;filter:blur(20px);animation:floatGlow 8s infinite alternate}.MyExperienceMainWrapper .experience-cta{text-align:center;margin-top:60px;opacity:0;animation:fadeInUp .7s ease-out forwards .8s}.MyExperienceMainWrapper .experience-cta .contact-button{display:inline-flex;align-items:center;gap:12px;background:linear-gradient(90deg,#ff6b6b,#00d4ff);color:#fff;padding:15px 35px;border-radius:30px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all .3s ease;box-shadow:0 10px 25px #00d4ff4d;position:relative;overflow:hidden}.MyExperienceMainWrapper .experience-cta .contact-button:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.3),transparent 40%);opacity:0;transition:opacity .5s ease}.MyExperienceMainWrapper .experience-cta .contact-button svg{width:20px;height:20px;transition:transform .3s ease}.MyExperienceMainWrapper .experience-cta .contact-button:hover{transform:translateY(-5px) scale(1.03);box-shadow:0 15px 35px #00d4ff66}.MyExperienceMainWrapper .experience-cta .contact-button:hover:before{opacity:.8;animation:ripple 1s ease-out}.MyExperienceMainWrapper .experience-cta .contact-button:hover svg{transform:translate(5px)}.MyExperienceMainWrapper .experience-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden}.MyExperienceMainWrapper .experience-background .circle{position:absolute;border-radius:50%;background:rgba(0,212,255,.03)}.MyExperienceMainWrapper .experience-background .circle.circle-1{width:300px;height:300px;top:-100px;right:10%;animation:float 15s infinite alternate ease-in-out}.MyExperienceMainWrapper .experience-background .circle.circle-2{width:500px;height:500px;bottom:-200px;left:-100px;animation:float 20s infinite alternate-reverse ease-in-out;background:rgba(255,107,107,.03)}.MyExperienceMainWrapper .experience-background .circle.circle-3{width:200px;height:200px;top:30%;right:-50px;animation:float 12s infinite alternate ease-in-out}.MyExperienceMainWrapper .experience-background .glow{position:absolute;border-radius:50%}.MyExperienceMainWrapper .experience-background .glow.glow-1{width:600px;height:600px;top:-300px;right:-200px;opacity:.3;filter:blur(50px);background:radial-gradient(circle,rgba(0,212,255,.1),transparent 70%)}.MyExperienceMainWrapper .experience-background .glow.glow-2{width:400px;height:400px;bottom:-150px;left:-100px;opacity:.2;filter:blur(40px);background:radial-gradient(circle,rgba(255,107,107,.1),transparent 70%)}@keyframes float{0%{transform:translate(0)}to{transform:translate(20px,20px)}}@keyframes floatGlow{0%{transform:translate(0)}to{transform:translate(-20px,20px)}}@keyframes ripple{0%{transform:scale(.5);opacity:.8}to{transform:scale(1);opacity:0}}.fulll-data{min-height:100vh;background:linear-gradient(135deg,#0f0f0f 0%,#1a1a1a 50%,#0d0d0d 100%);overflow:hidden;margin:0 auto;padding:80px 20px;position:relative;z-index:1}.fulll-data:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 30%,rgba(0,212,255,.04) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(255,107,107,.04) 0%,transparent 50%);pointer-events:none;animation:backgroundFloat 25s ease-in-out infinite}@media (max-width: 768px){.fulll-data{padding:60px 16px}}.Abilities{text-align:center;margin-bottom:60px;animation:fadeInUp .8s ease-out}.Abilities h4{font-size:16px;font-weight:600;color:#00d4ff;text-transform:uppercase;letter-spacing:2px;margin:0 0 16px;position:relative}.Abilities h4:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:2px;background:linear-gradient(90deg,#ff6b6b,#00d4ff);border-radius:2px}.Abilities h2{font-size:clamp(36px,5vw,48px);font-weight:700;color:#fff;margin:0;line-height:1.2;background:linear-gradient(90deg,#ff6b6b,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.Abilities h2:before{content:attr(data-text);position:absolute;top:0;left:0;z-index:-1;background:linear-gradient(90deg,#ff6b6b,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:blur(8px);opacity:.3}.twocards{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}@media (max-width: 768px){.twocards{grid-template-columns:1fr;gap:30px}}.frontend,.backend{background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:40px 32px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000004d;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;animation:slideInUp .8s ease-out}.frontend:before,.backend:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,212,255,.05),transparent);transition:left .8s ease}.frontend:hover,.backend:hover{transform:translateY(-12px);border-color:#00d4ff4d;box-shadow:0 24px 48px #0006,0 0 30px #00d4ff1a}.frontend:hover:before,.backend:hover:before{left:100%}.frontend:hover #front,.backend:hover #front{background:linear-gradient(90deg,#ff6b6b,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.frontend.backend,.backend.backend{animation-delay:.2s}@media (max-width: 768px){.frontend,.backend{padding:32px 24px}}@media (max-width: 480px){.frontend,.backend{padding:24px 20px}}#front{font-size:24px;font-weight:700;color:#fff;text-align:center;margin:0 0 32px;line-height:1.3;transition:all .4s ease;position:relative}#front:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:40px;height:3px;background:linear-gradient(90deg,#ff6b6b,#00d4ff);border-radius:2px;opacity:.7}@media (max-width: 480px){#front{font-size:20px;margin-bottom:24px}}.two-contents-main{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 600px){.two-contents-main{grid-template-columns:1fr;gap:20px}}.contents-m1{display:flex;flex-direction:column;gap:20px}@media (max-width: 600px){.contents-m1{gap:16px}}.data-main-exp{display:flex;align-items:center;gap:12px;padding:12px 0;position:relative;transition:all .3s ease}.data-main-exp:hover{transform:translate(4px)}.data-main-exp:hover .fa-check{background:linear-gradient(90deg,#ff6b6b,#00d4ff);transform:scale(1.1)}.data-main-exp .fa-check{width:20px;height:20px;background:#00d4ff;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00d4ff4d;position:relative}.data-main-exp .fa-check:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:linear-gradient(90deg,#ff6b6b,#00d4ff);opacity:0;transition:opacity .3s ease}.data-main-exp .fa-check:hover:after{opacity:1}.data-main-exp .data-exp{font-size:16px;font-weight:500;color:#fffc;text-transform:capitalize;transition:color .3s ease}@media (max-width: 480px){.data-main-exp .data-exp{font-size:15px}}.data-main-exp:hover .data-exp{color:#fff}.Adv-m{display:flex;justify-content:flex-start;margin-left:32px;margin-top:-8px;margin-bottom:8px}@media (max-width: 480px){.Adv-m{margin-left:28px}}#Adv{font-size:12px;font-weight:600;padding:4px 12px;border-radius:20px;text-transform:capitalize;transition:all .3s ease;position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(0,212,255,.2),rgba(0,212,255,.1));color:#00d4ff;border:1px solid rgba(0,212,255,.3)}#Adv:contains("Advanced"),#Adv:contains("advanced"){background:linear-gradient(135deg,rgba(0,212,255,.2),rgba(0,212,255,.1));color:#00d4ff;border:1px solid rgba(0,212,255,.3)}#Adv:contains("Intermediate"),#Adv:contains("intermediate"){background:linear-gradient(135deg,rgba(255,193,7,.2),rgba(255,193,7,.1));color:#ffc107;border:1px solid rgba(255,193,7,.3)}#Adv:contains("Beginner"),#Adv:contains("beginner"){background:linear-gradient(135deg,rgba(255,107,107,.2),rgba(255,107,107,.1));color:#ff6b6b;border:1px solid rgba(255,107,107,.3)}#Adv:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00d4ff4d}#Adv:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}#Adv:hover:before{left:100%}@keyframes backgroundFloat{0%,to{background-position:0% 0%,100% 100%}50%{background-position:100% 100%,0% 0%}}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.twocards{gap:20px}.two-contents-main{gap:16px}.contents-m1{gap:12px}.data-main-exp{padding:8px 0;gap:10px}.data-main-exp .fa-check{width:18px;height:18px;font-size:10px}.Adv-m{margin-left:28px;margin-top:-6px}#Adv{font-size:11px;padding:3px 10px}}@media (max-width: 320px){.fulll-data{padding:40px 12px}.frontend,.backend{padding:20px 16px}.two-contents-main{grid-template-columns:1fr}}*{margin:0;padding:0;box-sizing:border-box}.portfolio-container{min-height:100vh;background:linear-gradient(135deg,#0f0f0f 0%,#1a1a1a 50%,#0d0d0d 100%);font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:relative;overflow:hidden}.bg-elements{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.floating-shape{position:absolute;border-radius:50%;background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);animation:float 6s ease-in-out infinite}.floating-shape.shape-1{width:80px;height:80px;top:20%;left:10%;animation-delay:0s}.floating-shape.shape-2{width:120px;height:120px;top:60%;right:10%;animation-delay:2s}.floating-shape.shape-3{width:60px;height:60px;top:80%;left:20%;animation-delay:4s}.floating-shape.shape-4{width:100px;height:100px;top:10%;right:30%;animation-delay:1s}.modern-header{position:relative;z-index:100;padding:1rem 0;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1)}.header-content{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center}.logo{text-decoration:none;position:relative;display:inline-block}.logo-text{font-size:clamp(1.5rem,4vw,2rem);font-weight:800;color:#fff;position:relative;z-index:2;animation:logoEntry 1s ease-out}.logo-underline{position:absolute;bottom:-5px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#ff6b6b,#00d4ff);border-radius:2px;animation:logoUnderline 1s ease-out .5s both}.main-nav{display:flex;gap:1.5rem}.nav-link{position:relative;text-decoration:none;color:#fff;font-weight:500;font-size:clamp(.8rem,2vw,1rem);padding:.5rem 0;opacity:0;animation:navEntry .8s ease-out var(--delay) both;transition:all .3s ease}.nav-link:hover{color:#00d4ff;transform:translateY(-2px)}.nav-link:hover .nav-indicator{width:100%}.nav-indicator{position:absolute;bottom:-5px;left:0;width:0;height:2px;background:linear-gradient(90deg,#ff6b6b,#00d4ff);transition:width .3s ease}.menu-toggle{display:none;flex-direction:column;cursor:pointer;gap:4px;padding:.5rem}.menu-toggle span{width:25px;height:3px;background:#ffffff;border-radius:2px;transition:all .3s ease}.menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.hero-section{position:relative;z-index:10;padding:2rem 0}.hero-content{max-width:1200px;margin:0 auto;padding:0 1rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;min-height:70vh}.text-section{color:#fff}.greeting{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;opacity:0;animation:fadeInUp 1s ease-out .2s both}.greeting-text{font-size:clamp(1rem,2.5vw,1.2rem);font-weight:300;color:#fffc}.greeting-line{width:clamp(30px,8vw,50px);height:2px;background:linear-gradient(90deg,#ff6b6b,#00d4ff);border-radius:1px}.main-title{font-size:clamp(2.5rem,8vw,4rem);font-weight:800;margin-bottom:1rem;position:relative;opacity:0;animation:fadeInUp 1s ease-out .4s both;line-height:1.1}.name{background:linear-gradient(135deg,#fff,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.title-decoration{position:absolute;top:50%;right:-2rem;width:clamp(50px,15vw,100px);height:2px;animation:titleDecoration 2s ease-out 1s both}.role{font-size:clamp(1.5rem,5vw,2rem);font-weight:600;margin-bottom:1.5rem;color:#ffffffe6;opacity:0;animation:fadeInUp 1s ease-out .6s both;position:relative;line-height:1.2}.role-cursor{display:inline-block;width:3px;height:clamp(1.5rem,5vw,2rem);background:#00d4ff;margin-left:.5rem;animation:blink 1s infinite}.description{font-size:clamp(1rem,2.5vw,1.1rem);line-height:1.6;color:#fffc;margin-bottom:2rem;opacity:0;animation:fadeInUp 1s ease-out .8s both}.social-links{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.social-link{width:clamp(40px,8vw,50px);height:clamp(40px,8vw,50px);background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:all .3s ease;opacity:0;animation:socialEntry .8s ease-out var(--social-delay) both}.social-link:hover{background:rgba(0,212,255,.2);transform:translateY(-5px) scale(1.1);box-shadow:0 10px 30px #00d4ff4d;border-color:#00d4ff}.social-link svg{width:clamp(16px,4vw,20px);height:clamp(16px,4vw,20px);color:#fff}.cta-section{opacity:0;animation:fadeInUp 1s ease-out 1s both}.cta-button{position:relative;padding:clamp(.8rem,2vw,1rem) clamp(1.5rem,4vw,2.5rem);background:transparent;border:2px solid rgba(255,255,255,.2);border-radius:50px;color:#fff;font-size:clamp(.9rem,2.5vw,1rem);font-weight:600;cursor:pointer;overflow:hidden;transition:all .3s ease}.cta-button:hover{transform:translateY(-3px);box-shadow:0 15px 35px #00d4ff4d;border-color:#00d4ff}.cta-button:hover .button-bg{left:0}.button-text{position:relative;z-index:2}.button-bg{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#ff6b6b,#00d4ff);transition:left .3s ease;z-index:1}.button-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shine 2s infinite}.image-section{display:flex;align-items:center;justify-content:center}.image-container{position:relative;opacity:0;animation:imageEntry 1.2s ease-out .8s both}.image-frame{position:relative;width:clamp(220px,40vw,350px);height:clamp(220px,40vw,350px)}.image-border{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background-size:300% 300%;animation:gradientShift 4s ease infinite;padding:4px}.profile-image{position:relative;width:calc(100% - 8px);height:calc(100% - 8px);border-radius:50%;margin:4px;overflow:hidden;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.profile-image img{width:100%;height:100%;object-fit:cover;border-radius:30%;transition:transform .6s ease}.image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,107,107,.2),rgba(0,212,255,.2));border-radius:50%;opacity:0;transition:opacity .3s ease}.orbit-ring{position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%;animation:rotate 10s linear infinite}.orbit-ring.ring-1{width:calc(100% + 50px);height:calc(100% + 50px);top:-25px;left:-25px;animation-duration:20s}.orbit-ring.ring-2{width:calc(100% + 100px);height:calc(100% + 100px);top:-50px;left:-50px;animation-duration:30s;animation-direction:reverse}.orbit-ring.ring-3{width:calc(100% + 150px);height:calc(100% + 150px);top:-75px;left:-75px;animation-duration:40s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}@keyframes logoEntry{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes logoUnderline{0%{width:0}to{width:100%}}@keyframes navEntry{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes titleDecoration{0%{width:0;opacity:0}to{width:clamp(50px,15vw,100px);opacity:1}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes socialEntry{0%{opacity:0;transform:translateY(30px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shine{0%{left:-100%}to{left:100%}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes imageEntry{0%{opacity:0;transform:scale(.8) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(0)}}@media (min-width: 1440px){.hero-content{padding:0 2rem;gap:4rem}.modern-header{padding:2rem 0}.header-content{padding:0 2rem}}@media (min-width: 1024px) and (max-width: 1439px){.hero-content{gap:3rem}.title-decoration{right:-1.5rem}}@media (max-width: 1023px){.main-nav{display:none}.main-nav.mobile-open{display:flex;position:absolute;top:100%;left:0;right:0;background:rgba(0,0,0,.95);flex-direction:column;padding:2rem;gap:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.menu-toggle{display:flex}.hero-content{grid-template-columns:1fr;text-align:center;gap:2rem;min-height:auto;padding-top:2rem}.text-section{order:2}.image-section{order:1}.title-decoration{display:none}.greeting,.social-links{justify-content:center}.floating-shape{display:none}}@media (max-width: 768px){.modern-header{padding:.8rem 0}.hero-section{padding:1.5rem 0}.hero-content{gap:1.5rem;padding:0 1rem}.description{margin-bottom:1.5rem}.social-links{margin-bottom:1.5rem;gap:.8rem}}@media (max-width: 480px){.hero-content{padding:0 1rem;gap:1rem}.greeting,.main-title{margin-bottom:.8rem}.role,.description{margin-bottom:1rem}.social-links{margin-bottom:1rem;gap:.6rem}.menu-toggle{padding:.3rem}.menu-toggle span{width:20px;height:2px}}@media (max-width: 360px){.hero-content,.header-content{padding:0 .8rem}.cta-button{width:100%;max-width:250px}}@media (min-width: 1920px){.hero-content{max-width:1400px;gap:5rem}.header-content{max-width:1400px}}.servises-main-div{min-height:100vh;padding:80px 0;background:linear-gradient(135deg,#0f0f0f 0%,#1a1a1a 50%,#0d0d0d 100%);position:relative;overflow:hidden}.servises-main-div:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(0,212,255,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,107,107,.03) 0%,transparent 50%);pointer-events:none;animation:backgroundShift 20s ease-in-out infinite}.servises-main-div .services-main{opacity:0;transform:translateY(60px);transition:all .8s cubic-bezier(.4,0,.2,1)}.servises-main-div.fade-up .services-main{opacity:1;transform:translateY(0)}.services-main{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:1}.service_main_carrdss{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}@media (max-width: 768px){.service_main_carrdss{grid-template-columns:1fr;gap:40px}}.service-main-crd-left .service-card-main{display:flex;flex-direction:column;gap:24px}.service-main-crd-left .service-card{background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:32px 28px;display:flex;align-items:center;gap:24px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000004d}.service-main-crd-left .service-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,212,255,.1),transparent);transition:left .6s ease}.service-main-crd-left .service-card:hover{transform:translateY(-8px);border-color:#00d4ff4d;box-shadow:0 20px 40px #0006,0 0 20px #00d4ff1a}.service-main-crd-left .service-card:hover:before{left:100%}.service-main-crd-left .service-card .service-card-left{flex-shrink:0;width:64px;height:64px;background:linear-gradient(90deg,#ff6b6b,#00d4ff);border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.service-main-crd-left .service-card .service-card-left:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);animation:rotateIcon 3s linear infinite}.service-main-crd-left .service-card .service-card-left .pers_icon{font-size:28px;color:#fff;position:relative;z-index:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.service-main-crd-left .service-card .service-card-right{flex:1}.service-main-crd-left .service-card .service-card-right h3{font-size:20px;font-weight:600;color:#fff;margin:0 0 8px;line-height:1.3}.service-main-crd-left .service-card .service-card-right p{font-size:14px;color:#fff9;margin:0;font-weight:500}.service-main-crd-right{padding-left:20px}@media (max-width: 768px){.service-main-crd-right{padding-left:0;text-align:center}}.service-main-crd-right .wht_do_i_help{font-size:clamp(32px,5vw,48px);font-weight:700;color:#fff;margin:0 0 24px;line-height:1.2}.service-main-crd-right .wht_do_i_help span{background:linear-gradient(90deg,#ff6b6b,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.service-main-crd-right .wht_do_i_help span:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#ff6b6b,#00d4ff);border-radius:2px;animation:pulseGlow 2s ease-in-out infinite}.service-main-crd-right p{font-size:16px;line-height:1.7;color:#fffc;margin:0 0 40px;font-weight:400}.service-main-crd-right .project_completed{background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:32px 28px;text-align:center;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000004d;transition:all .4s cubic-bezier(.4,0,.2,1)}.service-main-crd-right .project_completed:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(0,212,255,.05) 0%,rgba(255,107,107,.05) 50%,rgba(0,212,255,.05) 100%);opacity:0;transition:opacity .4s ease}.service-main-crd-right .project_completed:hover{transform:translateY(-4px);border-color:#00d4ff4d}.service-main-crd-right .project_completed:hover:before{opacity:1}.service-main-crd-right .project_completed h1{font-size:48px;font-weight:800;background:linear-gradient(90deg,#ff6b6b,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 12px;position:relative;z-index:1;animation:countUp 2s ease-out}.service-main-crd-right .project_completed p{font-size:16px;color:#fffc;margin:0;font-weight:500;position:relative;z-index:1}@keyframes backgroundShift{0%,to{background-position:0% 0%,100% 100%}50%{background-position:100% 100%,0% 0%}}@keyframes rotateIcon{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseGlow{0%,to{opacity:1;transform:scaleX(1)}50%{opacity:.7;transform:scaleX(1.05)}}@keyframes countUp{0%{opacity:0;transform:translateY(20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.servises-main-div{padding:60px 0}.service_main_carrdss{gap:40px}.service-card{padding:24px 20px!important;gap:20px!important}.service-card .service-card-left{width:56px!important;height:56px!important}.service-card .service-card-left .pers_icon{font-size:24px!important}.service-card .service-card-right h3{font-size:18px!important}.service-card .service-card-right p{font-size:13px!important}.service-main-crd-right .project_completed{padding:28px 24px!important}.service-main-crd-right .project_completed h1{font-size:40px!important}.service-main-crd-right .project_completed p{font-size:15px!important}}@media (max-width: 480px){.servises-main-div{padding:40px 0}.services-main{padding:0 16px}.service-card{padding:20px 16px!important;gap:16px!important;flex-direction:column;text-align:center}.service-card .service-card-left{width:48px!important;height:48px!important}.service-card .service-card-left .pers_icon{font-size:20px!important}.service-card .service-card-right h3{font-size:16px!important}.service-card .service-card-right p{font-size:12px!important}}.ProjectsMainWrapper{padding:120px 0;background:linear-gradient(135deg,#0f0f0f 0%,#1a1a1a 50%,#0d0d0d 100%);position:relative;overflow:hidden;opacity:0;transform:translateY(30px);transition:all .8s ease-out}.ProjectsMainWrapper.animate{opacity:1;transform:translateY(0)}.ProjectsMainWrapper .projects-bg-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.6) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.6) 1px,transparent 1px);background-size:40px 40px;opacity:.1;z-index:0}.ProjectsMainWrapper .container{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:2}.ProjectsMainWrapper .section-header{text-align:center;margin-bottom:60px;opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease-out forwards .2s}.ProjectsMainWrapper .section-header .section-subtitle{display:inline-block;background:linear-gradient(90deg,#ff6b6b,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1rem;font-weight:500;text-transform:uppercase;letter-spacing:2px;margin-bottom:15px;position:relative}.ProjectsMainWrapper .section-header .section-subtitle:before,.ProjectsMainWrapper .section-header .section-subtitle:after{content:"";position:absolute;top:50%;width:30px;height:1px;background:linear-gradient(90deg,#ff6b6b,#00d4ff)}.ProjectsMainWrapper .section-header .section-subtitle:before{left:-40px}.ProjectsMainWrapper .section-header .section-subtitle:after{right:-40px}.ProjectsMainWrapper .section-header h2{color:#fff;font-size:2.8rem;font-weight:700;margin-bottom:15px}.ProjectsMainWrapper .section-header .underline{height:4px;width:60px;background:linear-gradient(90deg,#ff6b6b,#00d4ff);border-radius:2px;margin:0 auto 20px}.ProjectsMainWrapper .section-header p{color:#fffc;font-size:1.1rem;max-width:600px;margin:0 auto}.ProjectsMainWrapper .filter-container{margin-bottom:50px;opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease-out forwards .4s;display:flex;justify-content:center}.ProjectsMainWrapper .filter-container .filter-tabs{display:inline-flex;gap:10px;padding:5px;background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.02));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:30px;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(255,255,255,.1)}.ProjectsMainWrapper .filter-container .filter-tabs button{background:transparent;border:none;color:#fff9;padding:10px 20px;border-radius:25px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.ProjectsMainWrapper .filter-container .filter-tabs button:hover{color:#00d4ff}.ProjectsMainWrapper .filter-container .filter-tabs button.active{background:linear-gradient(90deg,#ff6b6b,#00d4ff);color:#fff;box-shadow:0 4px 15px #00d4ff4d}.ProjectsMainWrapper .projects-showcase{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:40px;margin-bottom:70px}@media (max-width: 768px){.ProjectsMainWrapper .projects-showcase{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px}}.ProjectsMainWrapper .projects-showcase .project-card{position:relative;display:flex;flex-direction:column;background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.02));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(255,255,255,.1);transition:all .4s cubic-bezier(.175,.885,.32,1.275);opacity:0;transform:translateY(30px);animation:fadeInUp .6s ease-out forwards}.ProjectsMainWrapper .projects-showcase .project-card:nth-child(1){animation-delay:.3s}.ProjectsMainWrapper .projects-showcase .project-card:nth-child(2){animation-delay:.4s}.ProjectsMainWrapper .projects-showcase .project-card:nth-child(3){animation-delay:.5s}.ProjectsMainWrapper .projects-showcase .project-card:nth-child(4){animation-delay:.6s}.ProjectsMainWrapper .projects-showcase .project-card:nth-child(5){animation-delay:.7s}.ProjectsMainWrapper .projects-showcase .project-card:nth-child(6){animation-delay:.8s}.ProjectsMainWrapper .projects-showcase .project-card:nth-child(7){animation-delay:.9s}.ProjectsMainWrapper .projects-showcase .project-card:nth-child(8){animation-delay:1s}.ProjectsMainWrapper .projects-showcase .project-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 60%,rgba(0,0,0,.8));opacity:0;transition:opacity .4s ease;z-index:1;pointer-events:none}.ProjectsMainWrapper .projects-showcase .project-card.active,.ProjectsMainWrapper .projects-showcase .project-card:hover{transform:translateY(-15px);box-shadow:0 25px 50px #00000080;border-color:#00d4ff80}.ProjectsMainWrapper .projects-showcase .project-card.active:before,.ProjectsMainWrapper .projects-showcase .project-card:hover:before{opacity:1}.ProjectsMainWrapper .projects-showcase .project-card.active .project-image .project-overlay,.ProjectsMainWrapper .projects-showcase .project-card:hover .project-image .project-overlay{opacity:1}.ProjectsMainWrapper .projects-showcase .project-card.active .project-content,.ProjectsMainWrapper .projects-showcase .project-card:hover .project-content{transform:translateY(0);opacity:1}.ProjectsMainWrapper .projects-showcase .project-card.active .project-content h3,.ProjectsMainWrapper .projects-showcase .project-card:hover .project-content h3{background:linear-gradient(90deg,#ff6b6b,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ProjectsMainWrapper .projects-showcase .project-card.active .project-content .tech-stack,.ProjectsMainWrapper .projects-showcase .project-card:hover .project-content .tech-stack,.ProjectsMainWrapper .projects-showcase .project-card.active .project-content .project-actions,.ProjectsMainWrapper .projects-showcase .project-card:hover .project-content .project-actions{transform:translateY(0);opacity:1}.ProjectsMainWrapper .projects-showcase .project-card .project-image{position:relative;height:220px;overflow:hidden;z-index:1}.ProjectsMainWrapper .projects-showcase .project-card .project-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.ProjectsMainWrapper .projects-showcase .project-card .project-image .project-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(0,0,0,.2),rgba(0,0,0,.7));display:flex;justify-content:flex-start;align-items:flex-start;padding:20px;transition:opacity .4s ease;opacity:0}.ProjectsMainWrapper .projects-showcase .project-card .project-image .project-overlay .project-tech-badge{background:linear-gradient(90deg,#ff6b6b,#00d4ff);color:#fff;padding:6px 12px;font-size:.8rem;font-weight:500;border-radius:20px;box-shadow:0 8px 32px #0000004d}.ProjectsMainWrapper .projects-showcase .project-card .project-content{padding:25px;flex:1;display:flex;flex-direction:column;transition:all .3s ease;z-index:2}.ProjectsMainWrapper .projects-showcase .project-card .project-content h3{color:#fff;font-size:1.4rem;font-weight:600;margin-bottom:10px;transition:all .3s ease;position:relative}.ProjectsMainWrapper .projects-showcase .project-card .project-content p{color:#fffc;font-size:.95rem;line-height:1.6;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;flex-grow:1}.ProjectsMainWrapper .projects-showcase .project-card .project-content .tech-stack{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:25px;transform:translateY(10px);opacity:.7;transition:all .3s ease .1s}.ProjectsMainWrapper .projects-showcase .project-card .project-content .tech-stack span{background:rgba(0,212,255,.1);color:#00d4ff;font-size:.75rem;padding:5px 12px;border-radius:12px;border:1px solid rgba(0,212,255,.2);transition:all .3s ease}.ProjectsMainWrapper .projects-showcase .project-card .project-content .tech-stack span:hover{background:rgba(0,212,255,.2);transform:translateY(-2px)}.ProjectsMainWrapper .projects-showcase .project-card .project-content .project-actions{transform:translateY(10px);opacity:.7;transition:all .3s ease .2s}.ProjectsMainWrapper .projects-showcase .project-card .project-content .project-actions .view-project-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(90deg,#ff6b6b,#00d4ff);color:#fff;font-size:.9rem;font-weight:500;padding:10px 20px;border-radius:25px;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 15px #00d4ff4d}.ProjectsMainWrapper .projects-showcase .project-card .project-content .project-actions .view-project-btn svg{transition:transform .3s ease}.ProjectsMainWrapper .projects-showcase .project-card .project-content .project-actions .view-project-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00d4ff66}.ProjectsMainWrapper .projects-showcase .project-card .project-content .project-actions .view-project-btn:hover svg{transform:translate(2px,-2px)}.ProjectsMainWrapper .projects-showcase .project-card .project-content .project-actions .view-project-btn:active{transform:translateY(-1px);box-shadow:0 4px 15px #00d4ff4d}.ProjectsMainWrapper .more-projects-section{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.02));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:40px 50px;border-radius:16px;margin-top:30px;opacity:0;transform:translateY(30px);animation:fadeInUp .6s ease-out forwards 1s;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;position:relative;overflow:hidden}@media (max-width: 768px){.ProjectsMainWrapper .more-projects-section{flex-direction:column;gap:30px;padding:30px;text-align:center}}.ProjectsMainWrapper .more-projects-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,#ff6b6b,#00d4ff)}.ProjectsMainWrapper .more-projects-section .more-projects-content h3{color:#fff;font-size:1.8rem;font-weight:600;margin-bottom:10px}.ProjectsMainWrapper .more-projects-section .more-projects-content p{color:#fffc;font-size:1rem;margin:0}.ProjectsMainWrapper .more-projects-section .github-link{display:inline-flex;align-items:center;gap:10px;background:rgba(0,212,255,.1);color:#00d4ff;padding:12px 25px;border-radius:30px;text-decoration:none;font-weight:500;border:1px solid rgba(0,212,255,.3);transition:all .3s ease;white-space:nowrap}.ProjectsMainWrapper .more-projects-section .github-link svg{transition:transform .3s ease}.ProjectsMainWrapper .more-projects-section .github-link:hover{background:rgba(0,212,255,.2);transform:translateY(-3px);box-shadow:0 10px 20px #00d4ff33}.ProjectsMainWrapper .more-projects-section .github-link:hover svg{transform:rotate(5deg)}.ProjectsMainWrapper .bg-circle{position:absolute;border-radius:50%;z-index:1;filter:blur(80px)}.ProjectsMainWrapper .bg-circle.circle-1{width:500px;height:500px;background:radial-gradient(circle,rgba(0,212,255,.15) 0%,rgba(0,212,255,0) 70%);top:-100px;right:-100px}.ProjectsMainWrapper .bg-circle.circle-2{width:400px;height:400px;background:radial-gradient(circle,rgba(255,107,107,.15) 0%,rgba(255,107,107,0) 70%);bottom:-100px;left:-100px}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.preloader{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#0f0f0f 0%,#1a1a1a 50%,#0d0d0d 100%);display:flex;align-items:center;justify-content:center;z-index:9999;overflow:hidden}.preloader .particles{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.3}.preloader .particles .particle{position:absolute;background:#ffffff;border-radius:50%;animation:pulse 2s infinite ease-in-out}.preloader .preloader-content{text-align:center;z-index:10;display:flex;flex-direction:column;align-items:center;gap:2rem}.preloader .preloader-content .logo-container{position:relative;margin-bottom:1rem}.preloader .preloader-content .logo-container .main-title{font-size:4rem;font-weight:700;background:linear-gradient(90deg,#ff6b6b,#00d4ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:titlePulse 2s infinite ease-in-out;position:relative;z-index:2}.preloader .preloader-content .logo-container .title-glow{position:absolute;top:0;right:0;bottom:0;left:0;font-size:4rem;font-weight:700;color:#00d4ff;filter:blur(20px);opacity:.5;animation:titlePulse 2s infinite ease-in-out;z-index:1}.preloader .preloader-content .progress-container{width:320px;display:flex;flex-direction:column;gap:1rem}.preloader .preloader-content .progress-container .progress-bar-bg{position:relative;background:rgba(255,255,255,.1);border-radius:9999px;height:8px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.preloader .preloader-content .progress-container .progress-bar-bg .progress-bar-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#ff6b6b,#00d4ff);border-radius:9999px;transition:width .3s ease-out}.preloader .preloader-content .progress-container .progress-bar-bg .progress-bar-fill .progress-bar-shine{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(255,255,255,.3);border-radius:9999px;animation:pulse 1.5s infinite ease-in-out}.preloader .preloader-content .progress-container .progress-info{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.preloader .preloader-content .progress-container .progress-info .progress-percentage{color:#fff9;font-weight:500}.preloader .preloader-content .progress-container .progress-info .loading-text{color:#00d4ff;font-weight:600;animation:textPulse 1s infinite ease-in-out}.preloader .preloader-content .spinner-container{position:relative;width:64px;height:64px;margin:1rem 0}.preloader .preloader-content .spinner-container .spinner-outer{width:100%;height:100%;border:4px solid #00d4ff;border-top:4px solid transparent;border-radius:50%;animation:spin 1s linear infinite;position:relative;box-shadow:0 0 20px #00d4ff4d}.preloader .preloader-content .spinner-container .spinner-outer .spinner-inner{position:absolute;top:8px;left:8px;right:8px;bottom:8px;border:2px solid #ff6b6b;border-bottom:2px solid transparent;border-radius:50%;animation:spin 1.5s linear infinite reverse;box-shadow:0 0 15px #ff6b6b4d}.preloader .preloader-content .loading-dots{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem}.preloader .preloader-content .loading-dots .dot{width:8px;height:8px;background:#00d4ff;border-radius:50%;animation:bounce 1.4s infinite ease-in-out both;box-shadow:0 0 10px #00d4ff80}.preloader .preloader-content .loading-dots .dot:nth-child(2){background:#ff6b6b;box-shadow:0 0 10px #ff6b6b80}.preloader .preloader-content .loading-dots .dot:nth-child(3){background:#00d4ff;box-shadow:0 0 10px #00d4ff80}.preloader .grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.05;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:20px 20px}.preloader.fade-out{opacity:0;transform:scale(.95);transition:opacity .8s ease-out,transform .8s ease-out}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}@keyframes titlePulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes textPulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@media (max-width: 640px){.preloader .preloader-content .logo-container .main-title,.preloader .preloader-content .logo-container .title-glow{font-size:2.5rem}.preloader .preloader-content .progress-container{width:280px}.preloader .preloader-content .spinner-container{width:48px;height:48px}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.preloader .preloader-content .progress-container .progress-bar-bg .progress-bar-fill{background:linear-gradient(90deg,#ff6b6b 0%,#00d4ff 25%,rgba(255,255,255,.8) 50%,#00d4ff 75%,#ff6b6b 100%);background-size:200% 100%;animation:shimmer 2s infinite linear}.preloader .particles .particle:nth-child(odd){background:#00d4ff;box-shadow:0 0 6px #00d4ff99}.preloader .particles .particle:nth-child(2n){background:#ff6b6b;box-shadow:0 0 6px #ff6b6b99}.preloader .particles .particle:nth-child(3n){background:#ffffff;box-shadow:0 0 4px #fff6}