:root{--primary-color: #18d26e;--primary-color-hover: #35e888;--primary-brand-rgb: 24, 210, 110;--secondary-color: #6f42c1;--tertiary-color: #3494E6;--error-color: #ed3c0d;--light-gray: #eee;--bg-color: #040404;--text-color: #fff;--card-bg: linear-gradient(135deg, rgba(255, 255, 255, .07) 0%, rgba(255, 255, 255, .03) 50%, rgba(255, 255, 255, .05) 100%);--card-hover-bg: linear-gradient(135deg, rgba(24, 210, 110, .12) 0%, rgba(24, 210, 110, .05) 50%, rgba(24, 210, 110, .08) 100%);--card-border: 1px solid rgba(255, 255, 255, .1);--card-shadow: 0 8px 32px rgba(0, 0, 0, .3);--card-hover-shadow: 0 16px 48px rgba(24, 210, 110, .12), 0 4px 16px rgba(0, 0, 0, .3);--transition: all .4s cubic-bezier(.25, .8, .25, 1);--mobile-menu-bg: rgba(10, 10, 10, .95)}body{font-family:Open Sans,sans-serif;background-color:var(--bg-color);color:var(--text-color);position:relative;background:transparent}html{scrollbar-width:thin;scrollbar-color:rgba(24,210,110,.35) rgba(0,0,0,.5)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#00000080}::-webkit-scrollbar-thumb{background:#18d26e59;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#18d26e8c}body:before{content:"";position:fixed;background:var(--bg-color) url(../img/bg.jpg) top right no-repeat;background-size:cover;background-attachment:scroll;left:0;right:0;top:0;height:100vh;width:100%;z-index:-1;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}h1,h2,h3,h4,h5,h6{font-family:Raleway,sans-serif}.header-subtitle{font-family:Raleway,sans-serif;font-weight:300;font-size:28px;line-height:1.2;letter-spacing:1.5px;color:#ffffffe6;text-shadow:0 2px 4px rgba(0,0,0,.3);margin-top:25px;margin-bottom:5px;animation:fadeInUp .8s ease forwards .3s;opacity:0;transform:translateY(20px);position:relative;z-index:2}.header-subtitle:hover{text-shadow:0 2px 8px rgba(24,210,110,.2);transition:text-shadow .3s ease}.header-subtitle span{font-weight:300;color:#fff;border-bottom:2px solid var(--primary-color);padding-bottom:6px}@media(max-width:992px){.header-subtitle{font-size:24px;letter-spacing:1.2px;line-height:1.3}}@media(max-width:768px){.header-subtitle{font-size:20px;letter-spacing:1px;line-height:1.3;margin-top:20px}}@media(max-width:576px){.header-subtitle{font-size:18px;letter-spacing:.8px;margin-top:15px;line-height:1.2}}@media(max-width:375px){.header-subtitle{font-size:16px;letter-spacing:.6px;margin-top:12px}}#header .header-subtitle.role-h2{margin-top:-1px!important;margin-bottom:10px!important}@media(max-width:992px){#header .header-subtitle.role-h2{margin-top:-8px!important;margin-bottom:18px!important}}@media(max-width:768px){#header .header-subtitle.role-h2{margin-top:-6px!important;margin-bottom:16px!important}}@media(max-width:576px){#header .header-subtitle.role-h2{margin-top:-5px!important;margin-bottom:14px!important}}@media(max-width:412px)and (max-height:915px){#header .header-subtitle.role-h2{margin-top:-15px!important;margin-bottom:15px!important}#header .header-subtitle{line-height:1.3!important;margin-bottom:15px!important}}@media(max-width:375px){#header .header-subtitle.role-h2{margin-top:-4px!important;margin-bottom:12px!important}}a{color:var(--primary-color);text-decoration:none;transition:var(--transition)}a:hover{color:var(--primary-color-hover)}.stylish-name{font-family:Courier New,Courier,monospace;font-size:1.6em;color:var(--primary-color);text-shadow:2px 2px 4px #000000;white-space:nowrap;margin-right:10px;contain:layout style paint;will-change:auto;transform:translateZ(0);backface-visibility:hidden;transition:none!important}#role{font-family:Cascadia Mono,monospace;border-right:2px solid rgba(255,255,255,0);display:inline-block;margin-left:5px;width:auto;position:relative;letter-spacing:.05em;border-bottom:none}.ri-code-s-slash-fill{font-size:100px;color:var(--primary-color);margin-right:10px;transition:all .3s ease-in-out}@media(max-width:1024px){body:before{background-attachment:scroll}}@media(max-width:450px){.stylish-name{font-size:1.3em;white-space:nowrap}.ri-code-s-slash-fill{font-size:70px!important}#header .role-h2 #role{border-bottom:none;padding-bottom:0}#header.header-top h1{font-size:22px!important}#header.header-top h1 .stylish-name{font-size:1.3em;white-space:nowrap!important}}@media only screen and (min-device-width:768px)and (max-device-width:1024px)and (-webkit-min-device-pixel-ratio:1){body:before{background-attachment:scroll!important;background-position:top right!important;background-size:cover!important;position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;transform:translateZ(0)!important;-webkit-transform:translate3d(0,0,0)!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;will-change:transform!important}body{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@media only screen and (min-device-width:1024px)and (max-device-width:1366px)and (-webkit-min-device-pixel-ratio:2){body:before{background-attachment:scroll!important;background-position:top right!important;background-size:cover!important;position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;transform:translateZ(0)!important;-webkit-transform:translate3d(0,0,0)!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;will-change:transform!important}}@supports (-webkit-touch-callout: none){body:before{background-attachment:scroll;position:fixed;top:0;left:0;width:100vw;height:100vh;background-size:cover;background-position:top right;transform:translateZ(0);-webkit-transform:translateZ(0)}}@keyframes blink{0%,to{border-color:#fffc}50%{border-color:transparent}}@media only screen and (max-device-width:767px){body:before{background-attachment:scroll;background-position:top right!important;background-size:cover}}@keyframes textGlow{0%{text-shadow:0 0 4px rgba(255,255,255,.2)}50%{text-shadow:0 0 8px rgba(255,255,255,.5)}to{text-shadow:0 0 4px rgba(255,255,255,.2)}}@keyframes completedGlow{0%{text-shadow:0 0 4px rgba(24,210,110,.2)}50%{text-shadow:0 0 8px rgba(24,210,110,.6)}to{text-shadow:0 0 4px rgba(24,210,110,.2)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideInRight{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}#role.cursor{animation:blink .85s step-end infinite;padding-right:4px}#role.typing{color:#fff;text-shadow:0 0 8px rgba(255,255,255,.4);transition:color .3s ease,text-shadow .3s ease}#role.completed{color:var(--primary-color);text-shadow:0 0 8px rgba(24,210,110,.4);transition:color .6s ease,text-shadow .6s ease}#header .header-subtitle #role.typing{animation:textGlow 2s infinite}#header .header-subtitle #role.completed{animation:completedGlow 3s infinite}#particles-js{position:fixed;width:100%;height:100%;top:0;left:0;z-index:0}.count-card,.skill-card,.portfolio .portfolio-wrap,.testimonials .testimonial-item p{transition:var(--transition)}.section-title h2{font-size:16px;font-weight:600;padding:0;line-height:1.2;margin:0 0 25px;letter-spacing:3px;text-transform:uppercase;color:var(--primary-color);font-family:Raleway,sans-serif;animation:fadeInUp .6s ease forwards;text-shadow:0 2px 4px rgba(24,210,110,.3)}.section-title h2:after{content:"";width:140px;height:2px;display:inline-block;background:linear-gradient(to right,var(--primary-color),rgba(24,210,110,.4));margin:4px 15px;border-radius:2px}.section-title p{margin:-20px 0 20px;font-size:16px;font-weight:600;text-transform:uppercase;font-family:Raleway,sans-serif;color:#ffffffd9;animation:fadeInUp .6s ease forwards;text-shadow:0 2px 4px rgba(0,0,0,.5);letter-spacing:3px}@media(max-width:768px){.section-title h2{font-size:14px;letter-spacing:2px}.section-title p{font-size:14px;margin:-15px 0 15px;letter-spacing:2px}.about-me .content h3{font-size:26px;text-align:center}.about-me .content p{font-size:15px;text-align:left}.count-card .purecounter{font-size:36px}.count-card h4{font-size:16px}.skill-card h4{font-size:1.2rem}.testimonials .testimonial-item h3{font-size:18px;margin:0 0 8px}.testimonials .testimonial-item h4{font-size:14px;margin:0}.testimonials .testimonial-item p{font-size:14px;padding:0;margin:0}}@media(min-width:1000px)and (max-width:1400px){.about-info-card .about-info-value{font-size:.9rem}}@media(max-width:480px){.section-title p{font-size:28px}.about-me .content h3{font-size:24px}.count-card .purecounter{font-size:32px}.count-card h4{font-size:14px}.skill-card h4{font-size:1.1rem}.skill-tags span{font-size:.7rem;padding:4px 10px}}@media(max-width:430px){.about-info-card .about-info-value{white-space:normal;word-break:break-word}}#header{transition:ease-in-out .3s;position:relative;height:100vh;display:flex;align-items:center;z-index:997;overflow-y:auto}#header *{transition:ease-in-out .3s}#header h1,#header h1 a,#header h1 .stylish-name,#header .ri-code-s-slash-fill,#header .social-links,#header .social-links a{transition:none!important}#header h1{font-size:48px;margin:0;padding:0;line-height:1;font-weight:700;font-family:Raleway,sans-serif}#header h1 a,#header h1 a:hover{color:#fff;line-height:1;display:inline-block}#header .header-subtitle{font-size:24px;margin-top:20px;color:#fffc;transition:all .3s ease-in-out}#header .header-subtitle{font-size:28px!important;margin-top:25px!important;color:#ffffffe6!important}@media(max-width:992px){#header .header-subtitle{font-size:24px!important}}@media(max-width:768px){#header .header-subtitle{font-size:20px!important;margin-top:20px!important}}@media(max-width:576px){#header .header-subtitle{font-size:18px!important;margin-top:15px!important}}@media(max-width:375px){#header .header-subtitle{font-size:16px!important;margin-top:12px!important}}#header .header-subtitle span{color:#fff;border-bottom:2px solid var(--primary-color);padding-bottom:6px}#header .header-subtitle #role{border-bottom:none;padding-bottom:0}#header .social-links{margin-top:40px;display:flex}#header .social-links a{font-size:16px;display:flex;justify-content:center;align-items:center;background:#ffffff1a;color:#fff;line-height:1;margin-right:8px;border-radius:50%;width:40px;height:40px}#header .social-links a:hover{background:var(--primary-color)}@media(max-width:992px){#header h1{font-size:36px}#header .header-subtitle{font-size:18px;line-height:30px}#header .social-links{margin-top:15px}#header .container{display:flex;flex-direction:column;align-items:center}}#header.header-top{height:80px;position:fixed;left:0;top:0;right:0;background:#000000e6;overflow:hidden}#header.header-top .social-links,#header.header-top .header-subtitle{display:none;opacity:0;transition:opacity .2s ease}#header.header-top .hire-me-btn{position:absolute;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease}#header.header-top h1{margin-right:auto;font-size:36px;transition:none}#header.header-top h1 .stylish-name{font-size:1.6em;transition:none!important}#header.header-top .container{display:flex;align-items:center}#header.header-top .navbar{margin:0}@media(min-width:992px){#header.header-top .hire-me-btn{display:flex!important;opacity:1;visibility:visible;align-items:center;margin-right:20px;position:relative;pointer-events:auto}#header.header-top .container{position:relative;justify-content:flex-end;gap:20px}#header.header-top .navbar{margin:0}#header.header-top .navbar ul{gap:25px}#header.header-top h1{margin-right:auto}}@media(max-width:991px){#header .hire-me-btn{position:static;margin:15px auto 20px;text-align:center;width:100%;z-index:1}#header.header-top .hire-me-btn{display:none!important}#header .header-subtitle{margin-bottom:5px}}@media(max-width:450px)and (min-width:376px){#header.header-top .container{padding:0 10px;margin-top:2px;max-width:100%;width:100%}#header.header-top h1{font-size:18px!important;margin:2px 0 0;line-height:1}#header.header-top h1 .stylish-name{font-size:1.3em;white-space:nowrap!important;line-height:1}}@media(max-width:375px){#header .hire-me-btn{margin:10px auto 15px}#header.header-top .container{padding:0 8px;margin-top:2px;max-width:100%;width:100%}#header.header-top h1{font-size:16px!important;margin:2px 0 0;line-height:1}#header.header-top h1 .stylish-name{font-size:1.2em;white-space:nowrap!important;line-height:1}}@media(max-width:768px){#header.header-top{height:60px}#header.header-top .container{display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:nowrap;padding:0 15px;margin-top:3px;max-width:100%;width:100%}#header.header-top h1{font-size:22px;margin:3px 0 0;padding:0;white-space:nowrap;overflow:visible;display:flex;align-items:center;line-height:1}#header.header-top h1 .stylish-name{font-size:1.4em;white-space:nowrap!important;overflow:visible;margin:0;line-height:1}}@media(max-width:922px){#header.header-top{height:60px}#header.header-top .container{display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:nowrap;padding:0 15px;margin:3px 25px 0 0;max-width:100%;width:100%}#header.header-top h1{font-size:24px;margin:3px 0 0;padding:0;white-space:nowrap;overflow:visible;display:flex;align-items:center;line-height:1}#header.header-top h1 .stylish-name{font-size:2.1rem;white-space:nowrap!important;overflow:visible;margin:0;line-height:1}}.navbar{padding:0;margin-top:35px}.navbar ul{margin:0;padding:0;display:flex;list-style:none;align-items:center}.navbar li{position:relative}.navbar li+li{margin-left:30px}.navbar a,.navbar a:focus{display:flex;align-items:center;justify-content:space-between;padding:0;font-family:Raleway,sans-serif;font-size:16px;font-weight:400;color:#ffffffb3;white-space:nowrap;transition:.3s}@media(min-width:1200px)and (max-width:1400px){.navbar li+li{margin-left:15px}.navbar a,.navbar a:focus{font-size:14px}#header.header-top h1{font-size:36px!important}#header.header-top .ri-code-s-slash-fill{font-size:100px!important}#header.header-top .container{gap:0}#header.header-top .navbar ul{gap:15px}}@media(min-width:1000px)and (max-width:1200px){.navbar li+li{margin-left:10px}.navbar a,.navbar a:focus{font-size:14px}#header.header-top .navbar ul{gap:12px}#header.header-top .hire-me-btn{margin-left:8px;margin-right:12px}#header.header-top h1{font-size:30px;margin-right:8px}#header.header-top .ri-code-s-slash-fill{font-size:90px}#header.header-top .container{gap:8px}}.navbar a i,.navbar a:focus i{font-size:12px;line-height:0;margin-left:5px}.navbar a:before{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:0;background-color:var(--primary-color);visibility:hidden;transition:all .3s ease-in-out 0s}.navbar a:hover:before,.navbar li:hover>a:before,.navbar .active:before{visibility:visible;width:25px}.navbar a:hover,.navbar .active,.navbar .active:focus,.navbar li:hover>a{color:#fff}.mobile-nav-toggle{color:#fff;font-size:28px;cursor:pointer;display:none;line-height:0;transition:transform .2s cubic-bezier(.4,0,.2,1),color .2s ease;position:fixed;right:15px;top:16px;z-index:9999;transform:translateZ(0);will-change:transform,color;background:none;border:none;padding:0;font:inherit}.mobile-nav-toggle:focus-visible{outline:2px solid var(--primary-color);outline-offset:3px}.mobile-nav-toggle.bi-x{color:var(--primary-color);transform:translateZ(0) scale(1.2)}@media(max-width:768px){.mobile-nav-toggle{top:16px;right:12px}}@media(max-width:450px){.mobile-nav-toggle{font-size:28px;top:18px;right:10px;margin-right:5px}}@media(max-width:375px){.mobile-nav-toggle{font-size:22px;top:19px;right:8px}}@media(max-width:991px){.mobile-nav-toggle{display:block}.navbar ul{display:none}}.navbar-mobile{position:fixed;overflow:hidden;inset:0;background:#00000060;transition:.3s ease-out;z-index:999;margin-top:0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 8px 32px #0000004d;will-change:transform,opacity;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.navbar-mobile .mobile-nav-toggle{color:var(--primary-color);z-index:1001}.navbar-mobile ul{display:flex;position:absolute;flex-direction:column;justify-content:center;align-items:center;top:50%;left:50%;transform:translate(-50%,-50%);padding:10px 0;transition:.3s;width:90%;max-width:300px}.navbar-mobile li{margin:0;padding:12px 20px;width:100%;text-align:center;transform:translateY(20px);opacity:0;animation:fadeInUp .4s forwards}.navbar-mobile li:nth-child(1){animation-delay:.1s}.navbar-mobile li:nth-child(2){animation-delay:.2s}.navbar-mobile li:nth-child(3){animation-delay:.3s}.navbar-mobile li:nth-child(4){animation-delay:.4s}.navbar-mobile li:nth-child(5){animation-delay:.5s}.navbar-mobile li+li{margin:0}.navbar-mobile a,.navbar-mobile a:focus{font-size:18px;position:relative;display:inline-block;width:100%;text-transform:uppercase;letter-spacing:1px;padding:8px 15px;font-weight:500;color:#fff;background:#ffffff0d;border-radius:30px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.navbar-mobile a:hover,.navbar-mobile .active,.navbar-mobile .active:focus,.navbar-mobile li:hover>a{color:#fff;background:var(--primary-color);transform:translateY(-3px);box-shadow:0 5px 15px #18d26e4d}.navbar-mobile a:before{display:none}.navbar-mobile .mobile-social-links{display:flex;justify-content:center;margin-top:30px;opacity:0;animation:fadeIn .6s forwards .6s}.navbar-mobile .mobile-social-links a{margin:0 8px;font-size:16px;display:flex;justify-content:center;align-items:center;background:#ffffff1a;color:#fff;border-radius:50%;width:44px;height:44px;transition:.3s;border:none;padding:0;text-align:center;line-height:1;vertical-align:middle}.navbar-mobile .mobile-social-links a i{display:block;width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:16px;line-height:1;vertical-align:middle;text-align:center;margin:0;padding:0;position:relative;top:0;left:0;transform:translate(0)}.navbar-mobile .mobile-social-links a:hover{background:var(--primary-color);color:#fff;transform:translateY(-3px)}@keyframes menuOverlay{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}.navbar-mobile{animation:menuOverlay .3s forwards}.navbar-mobile:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:#ffffff26;opacity:.6;z-index:1;will-change:opacity}@media(max-width:768px){.navbar-mobile{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:.25s ease-out}.navbar-mobile:before{display:none}}html.js section{overflow:hidden;position:absolute;width:100%;top:140px;bottom:100%;opacity:0;transition:ease-in-out .2s;z-index:2}html.js section.section-show{top:100px;bottom:auto;opacity:1;padding-bottom:45px}section .container{background:linear-gradient(135deg,#000000bf,#000000eb);padding:30px;border-radius:20px;border:1px solid rgba(255,255,255,.06);backdrop-filter:var(--glass-blur-bg);-webkit-backdrop-filter:var(--glass-blur-bg);box-shadow:var(--glass-shadow-lg),var(--glass-shadow-inset)}@media(max-width:768px){section{top:120px}section.section-show{top:80px}}.about-me .content h3{font-weight:700;font-size:32px;color:var(--primary-color);margin-bottom:20px;text-shadow:0 2px 4px rgba(24,210,110,.3);letter-spacing:.5px}.about-me .content p{font-size:16px;line-height:1.8;color:#ffffffe6;margin-bottom:20px;text-align:justify}.about-me .content p:last-child{margin-bottom:0}.about-me .content{transition:all .3s ease;animation:slideInRight .6s ease forwards}.about-me img{border-radius:20px;transition:all .3s ease;box-shadow:var(--card-shadow);animation:slideInLeft .6s ease forwards;border:var(--card-border)}.about-me img:hover{transform:scale(1.02)}.counts{padding:70px 0 60px}.counts-modern{position:relative;z-index:1;margin-top:30px}.count-card{background:var(--card-bg);border-radius:20px;padding:24px 16px;text-align:center;height:100%;border:var(--card-border);transition:all .3s ease;box-shadow:var(--card-shadow);overflow:hidden;position:relative;animation:scaleIn .5s ease forwards;backdrop-filter:var(--glass-blur-md);-webkit-backdrop-filter:var(--glass-blur-md);display:flex;flex-direction:column;justify-content:center;align-items:center}.count-card:hover{transform:translateY(-4px);box-shadow:var(--card-hover-shadow);background:var(--card-hover-bg);border-color:#ffffff4d}.count-card:before{content:"";position:absolute;width:100%;height:3px;bottom:0;left:0;background:linear-gradient(to right,var(--primary-color),var(--secondary-color));transform:scaleX(0);transform-origin:bottom right;transition:transform .5s ease-out}.count-card:hover:before{transform:scaleX(1);transform-origin:bottom left}.count-icon{margin-bottom:10px;display:inline-block}.count-icon i{font-size:2.5rem;color:var(--primary-color);transition:all .3s ease}.count-card:hover .count-icon i{transform:scale(1.2);color:#000}.count-card .purecounter{font-size:42px;display:block;font-weight:800;color:#fff;margin:12px 0 6px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.count-card h4{font-size:20px;font-weight:600;margin-bottom:8px;color:#ffffffe6;text-transform:uppercase;letter-spacing:1px;line-height:1.3}.count-detail{overflow:hidden;max-height:0;opacity:0;transition:all .3s ease}.count-detail p{font-size:15px;line-height:1.6;color:#ffffffb3;padding:0 12px;margin:0;font-weight:500;letter-spacing:.3px}.count-card:hover .count-detail{max-height:100px;opacity:1;margin-top:10px}.count-card:hover h4,.count-card:hover .purecounter,.count-card:hover .count-detail p{color:#000}.counts-modern .count-card{animation:fadeInUp .6s ease-out forwards;opacity:0}.counts-modern .col-lg-3:nth-child(1) .count-card{animation-delay:.1s}.counts-modern .col-lg-3:nth-child(2) .count-card{animation-delay:.2s}.counts-modern .col-lg-3:nth-child(3) .count-card{animation-delay:.3s}.counts-modern .col-lg-3:nth-child(4) .count-card{animation-delay:.4s}.counts .section-title p{background:linear-gradient(to right,var(--primary-color),var(--tertiary-color));-webkit-background-clip:text;background-clip:text;color:transparent}.skills-modern{position:relative;z-index:1;margin-top:30px}.skill-card{background:var(--card-bg);border-radius:20px;padding:24px 16px;text-align:center;height:100%;border:var(--card-border);transition:all .3s ease;box-shadow:var(--card-shadow);overflow:hidden;position:relative;animation:scaleIn .5s ease forwards;backdrop-filter:var(--glass-blur-md);-webkit-backdrop-filter:var(--glass-blur-md);display:flex;flex-direction:column;justify-content:center;align-items:center}.skill-card:hover{transform:translateY(-4px);box-shadow:var(--card-hover-shadow);background:var(--card-hover-bg);border-color:#ffffff4d}.skill-card:before{content:"";position:absolute;width:100%;height:3px;bottom:0;left:0;background:linear-gradient(to right,var(--primary-color),var(--secondary-color));transform:scaleX(0);transform-origin:bottom right;transition:transform .5s ease-out}.skill-card:hover:before{transform:scaleX(1);transform-origin:bottom left}.skill-icon{margin-bottom:12px;display:inline-block}.skill-icon i{font-size:2.5rem;color:var(--primary-color);transition:all .3s ease}.skill-card:hover .skill-icon i{transform:scale(1.2);color:#000}.skill-card h4{font-size:1.4rem;font-weight:700;margin-bottom:12px;color:#fff;text-transform:uppercase;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.skill-card:hover h4{color:#000}.skill-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.skill-tags span{background:#18d26e26;color:var(--primary-color);padding:8px 16px;border-radius:25px;font-size:.9rem;font-weight:600;transition:all .3s ease;border:1px solid rgba(24,210,110,.3);text-transform:uppercase;letter-spacing:.8px;line-height:1.2}.skill-tags span:hover{background:#18d26e4d;transform:scale(1.05)}.skill-card:hover .skill-tags span{background:#18d26e66;color:#000}.skills-modern .skill-card{animation:fadeInUp .6s ease-out forwards;opacity:0}.skills-modern .col-lg-3:nth-child(1) .skill-card{animation-delay:.1s}.skills-modern .col-lg-3:nth-child(2) .skill-card{animation-delay:.2s}.skills-modern .col-lg-3:nth-child(3) .skill-card{animation-delay:.3s}.skills-modern .col-lg-3:nth-child(4) .skill-card{animation-delay:.4s}.skills-modern .col-lg-3:nth-child(5) .skill-card{animation-delay:.5s}.skills-modern .col-lg-3:nth-child(6) .skill-card{animation-delay:.6s}.skills-modern .col-lg-3:nth-child(7) .skill-card{animation-delay:.7s}.skills-modern .col-lg-3:nth-child(8) .skill-card{animation-delay:.8s}.testimonials .testimonials-carousel,.testimonials .testimonials-slider{overflow:hidden}.testimonials .testimonial-item{box-sizing:content-box;min-height:auto;padding-top:0}.testimonials .testimonial-item .testimonial-img{width:100px;border-radius:50%;margin:0 auto;position:relative;z-index:2;border:3px solid rgba(24,210,110,.3);transition:all .3s ease}.testimonials .testimonial-item:hover .testimonial-img{border-color:var(--primary-color);transform:scale(1.05)}.testimonials .testimonial-item h3{font-size:1rem;font-weight:700;margin:0 0 .2rem;color:#ffffffeb;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:1px}.testimonials .testimonial-item h4{font-size:.8rem;font-weight:400;color:#ffffffa6;margin:0;font-style:italic;letter-spacing:.3px}.testimonials .testimonial-item .quote-icon-left,.testimonials .testimonial-item .quote-icon-right{color:rgba(var(--primary-brand-rgb),.25);font-size:1.2rem;font-weight:600;opacity:1;transition:all .3s ease}.testimonials .testimonial-item .quote-icon-left{margin-right:.4rem;vertical-align:-.15em}.testimonials .testimonial-item .quote-icon-right{margin-left:.4rem;vertical-align:-.15em}.testimonials .testimonial-item p{font-style:italic;margin:0;padding:0;background:none;border-radius:0;position:relative;z-index:1;font-size:16px;line-height:1.8;color:#ffffffe6;border:none;backdrop-filter:none;-webkit-backdrop-filter:none;transition:all .3s ease}.testimonials .testimonial-item:hover p{background:none;color:#fffffff7;transition:all .3s ease;box-shadow:none}.testimonials .testimonial-item:hover .quote-icon-left,.testimonials .testimonial-item:hover .quote-icon-right{color:rgba(var(--primary-brand-rgb),.5);opacity:1}.testimonials .testimonial-item:hover h3{color:var(--primary-color);text-shadow:0 2px 8px rgba(var(--primary-brand-rgb),.3)}.testimonials .swiper-pagination{margin-top:20px;position:relative}.testimonials .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;opacity:1;background-color:#ffffff4d}.testimonials .swiper-pagination .swiper-pagination-bullet-active{background-color:var(--primary-color)}.resume .resume-title{font-size:26px;font-weight:700;margin-top:20px;margin-bottom:20px;color:#fff}.resume .resume-item{padding:0 0 20px 20px;margin-top:-2px;border-left:2px solid rgba(255,255,255,.2);position:relative}.resume .resume-item h4{line-height:20px;font-size:18px;font-weight:600;text-transform:uppercase;font-family:Raleway,sans-serif;color:var(--primary-color);margin-bottom:10px}.resume .resume-item h5{font-size:16px;background:#ffffff26;padding:5px 15px;display:inline-block;font-weight:600;margin-bottom:10px}.resume .resume-item ul{padding-left:20px}.resume .resume-item ul li{padding-bottom:10px}.resume .resume-item:last-child{padding-bottom:0}.resume .resume-item:before{content:"";position:absolute;width:16px;height:16px;border-radius:50px;left:-9px;top:0;background:var(--primary-color);border:2px solid var(--primary-color)}.btn-sm-info{padding:8px 16px;font-size:.8rem;margin-top:10px}.hire-me-btn{margin-top:10px;margin-bottom:20px;text-align:center;position:relative;opacity:1;visibility:visible;transition:opacity .3s ease,visibility .3s ease}@media(min-width:577px){.hire-me-btn{text-align:left;margin-top:15px}}.contact .info-box{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;grid-column-gap:20px;align-items:center;width:100%;background:var(--glass-bg-primary);backdrop-filter:var(--glass-blur-md);-webkit-backdrop-filter:var(--glass-blur-md);padding:20px;border-radius:var(--glass-radius-md);border:1px solid rgba(255,255,255,.06);box-shadow:0 4px 16px #00000040,inset 0 1px #ffffff0a;transition:var(--glass-transition);position:relative;overflow:hidden}.contact .info-box:before{content:"";position:absolute;inset:0;background-image:var(--glass-noise);background-size:128px 128px;opacity:.5;pointer-events:none;z-index:0;mix-blend-mode:overlay}.contact .info-box p a{font-size:1.1rem;font-weight:600}.contact .info-box>i.bx,.contact .info-box>i.bi{grid-row:1 / span 2;display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;padding:0;font-size:24px;line-height:1;color:var(--primary-color);border-radius:50%;background:linear-gradient(135deg,rgba(var(--primary-brand-rgb),.2),rgba(var(--primary-brand-rgb),.1));backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid rgba(var(--primary-brand-rgb),.3);box-shadow:0 0 15px rgba(var(--primary-brand-rgb),.15);transition:var(--glass-transition-fast);z-index:2;position:relative}.contact .info-box>i.bi{font-size:27px}.contact .info-box h3{grid-column:2;grid-row:1;font-size:20px;color:#ffffffd9;font-weight:700;margin:0;text-shadow:0 1px 3px rgba(0,0,0,.5);transition:var(--glass-transition-fast);position:relative;z-index:2}.contact .info-box p{grid-column:2;grid-row:2;padding:0;color:#fff;line-height:24px;font-size:14px;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.4);transition:var(--glass-transition-fast);position:relative;z-index:2}.contact .info-box .contact-social-links{grid-column:2;grid-row:2;display:flex;justify-content:flex-start;align-items:center;gap:10px;margin-top:5px;padding:0;position:relative;z-index:2}.contact .info-box:hover{background:var(--glass-bg-hover);border-color:#18d26e33;box-shadow:0 4px 16px #00000040,inset 0 1px #ffffff0f;transform:translateY(-1px)}.contact .info-box:hover i.bx,.contact .info-box:hover>i.bi{background:linear-gradient(135deg,rgba(var(--primary-brand-rgb),.3),rgba(var(--primary-brand-rgb),.2));border-color:rgba(var(--primary-brand-rgb),.5);box-shadow:0 0 20px rgba(var(--primary-brand-rgb),.3)}.contact .info-box:hover h3{color:#ffffffb3}.contact .php-email-form{padding:30px;background:var(--glass-bg-primary);backdrop-filter:var(--glass-blur-md);-webkit-backdrop-filter:var(--glass-blur-md);border-radius:var(--glass-radius-lg);border:var(--glass-border);box-shadow:var(--glass-shadow-md),var(--glass-shadow-inset);transition:var(--glass-transition);position:relative;overflow:hidden}.contact .php-email-form:before{content:"";position:absolute;inset:0;background-image:var(--glass-noise);background-size:128px 128px;opacity:.5;pointer-events:none;z-index:0;mix-blend-mode:overlay}.contact .php-email-form .error-message{display:none;background:linear-gradient(135deg,#ed3c0d26,#ed3c0d14);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid rgba(237,60,13,.3);text-align:left;padding:15px;font-weight:600;border-radius:var(--glass-radius-sm);color:#fff;position:relative;z-index:1}.contact .php-email-form .error-message br+br{margin-top:25px}.contact .php-email-form .sent-message{display:none;background:linear-gradient(135deg,#18d26e26,#18d26e14);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid rgba(24,210,110,.35);text-align:center;padding:15px;font-weight:600;color:var(--primary-color);border-radius:var(--glass-radius-sm);position:relative;z-index:1}.contact .php-email-form .loading{display:none;background:#ffffff0a;backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid rgba(255,255,255,.06);text-align:center;padding:15px;border-radius:var(--glass-radius-sm);position:relative;z-index:1}.contact .php-email-form .loading:before{content:"";display:inline-block;border-radius:50%;width:24px;height:24px;margin:0 10px -6px 0;border:3px solid var(--primary-color);border-top-color:var(--light-gray);animation:animate-loading 1s linear infinite}.contact .php-email-form input,.contact .php-email-form textarea{width:100%;border-radius:var(--glass-radius-sm);font-size:14px;background-color:#ffffff0a;backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff0a;transition:var(--glass-transition-fast);color:#fff;position:relative;z-index:1}.contact .php-email-form input:focus,.contact .php-email-form textarea:focus{background-color:#ffffff12;border-color:rgba(var(--primary-brand-rgb),.35);box-shadow:inset 0 1px #ffffff0f,0 0 0 3px rgba(var(--primary-brand-rgb),.08);outline:none}.contact .php-email-form input::-moz-placeholder,.contact .php-email-form textarea::-moz-placeholder{color:#ffffff8c;opacity:1}.contact .php-email-form input::placeholder,.contact .php-email-form textarea::placeholder{color:#ffffff8c;opacity:1}.contact .php-email-form input,.contact .php-email-form textarea{padding:14px 18px}.contact .php-email-form button[type=submit]{position:relative;z-index:2;width:20%;padding:14px 18px;margin-top:10px}@keyframes animate-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.contact .info-box{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:linear-gradient(135deg,#18d26e0d,#ffffff0a);border:1px solid rgba(255,255,255,.08)!important;box-shadow:none!important;transition:none!important}.contact .info-box:hover{transform:none!important;box-shadow:none!important;background:linear-gradient(135deg,rgba(var(--primary-brand-rgb),.15),rgba(var(--primary-brand-rgb),.05))!important;border:1px solid rgba(var(--primary-brand-rgb),.35)!important}.contact .info-box:before,.contact .info-box:after{display:none!important}.contact .info-box>i.bx,.contact .info-box>i.bi{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.contact .info-box:hover i.bx{transform:none!important;box-shadow:none!important}.contact .php-email-form{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;padding:20px}.contact .php-email-form:before{display:none!important}.contact .php-email-form input,.contact .php-email-form textarea,.contact .php-email-form .error-message,.contact .php-email-form .sent-message,.contact .php-email-form .loading{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.contact .php-email-form button[type=submit].btn-brand{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;width:auto;white-space:nowrap;padding:14px 18px;font-size:.85rem}}@media(min-width:992px){.mobile-social-links{display:none!important}}@media(max-width:768px){.navbar-mobile .mobile-social-links a{width:34px;height:34px;font-size:14px}.navbar-mobile .mobile-social-links a i{font-size:14px}}@media(max-width:576px){.navbar-mobile .mobile-social-links a{width:32px;height:32px;font-size:13px}.navbar-mobile .mobile-social-links a i{font-size:13px}}.btn-cv,.navbar a{transition:all .3s ease}.animate-on-scroll{opacity:0;transform:translateY(20px);transition:all .6s ease}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}@media(max-width:1023px){.count-card:hover{transform:none;box-shadow:var(--card-shadow);background:var(--card-bg);border-color:var(--card-border)}.count-card:hover:before{transform:scaleX(0)}.count-card:hover .count-icon i{transform:none;color:var(--primary-color)}.count-card:hover h4,.count-card:hover .purecounter,.count-card:hover .count-detail p{color:#ffffffe6}.count-card:hover .count-detail,.count-detail{max-height:100px;opacity:1;margin-top:10px}}@media(prefers-reduced-motion:reduce){.card-base,.count-card,.skill-card,.about-info-card,.testimonials .testimonial-item p,.section .container,.contact .info-box,.contact .info-box i.bx,.contact .info-box h3,.contact .info-box p,.contact .php-email-form,.contact .php-email-form input,.contact .php-email-form textarea{animation:none!important;transition-duration:.01ms!important}.card-base:hover,.count-card:hover,.skill-card:hover,.about-info-card:hover,.contact .info-box:hover{transform:none!important}}