:root{--glass-blur-sm: blur(4px);--glass-blur-md: blur(8px);--glass-blur-lg: blur(12px);--glass-blur-bg: blur(16px);--glass-bg-primary: linear-gradient( 135deg, rgba(255, 255, 255, .07) 0%, rgba(255, 255, 255, .03) 50%, rgba(255, 255, 255, .05) 100% );--glass-bg-hover: linear-gradient( 135deg, rgba(24, 210, 110, .12) 0%, rgba(24, 210, 110, .05) 50%, rgba(24, 210, 110, .08) 100% );--glass-border: 1px solid rgba(255, 255, 255, .1);--glass-border-hover: 1px solid rgba(24, 210, 110, .35);--glass-border-subtle: 1px solid rgba(255, 255, 255, .06);--glass-shadow-sm: 0 4px 16px rgba(0, 0, 0, .25);--glass-shadow-md: 0 8px 32px rgba(0, 0, 0, .3);--glass-shadow-lg: 0 12px 48px rgba(0, 0, 0, .35);--glass-shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .08), inset 0 -1px 0 rgba(255, 255, 255, .02);--glass-shadow-hover: 0 16px 48px rgba(24, 210, 110, .12), 0 4px 16px rgba(0, 0, 0, .3);--glass-shadow-glow: 0 0 40px rgba(24, 210, 110, .08);--glass-shadow-social: 0 4px 16px rgba(0, 0, 0, .3);--glass-shadow-social-hover: 0 8px 24px rgba(24, 210, 110, .18), 0 2px 8px rgba(0, 0, 0, .3);--glass-transition: all .4s cubic-bezier(.25, .8, .25, 1);--glass-transition-fast: all .3s cubic-bezier(.25, .8, .25, 1);--glass-transition-slow: all .6s cubic-bezier(.25, .8, .25, 1);--glass-noise: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");--glass-radius-lg: 20px;--glass-radius-md: 16px;--glass-radius-sm: 12px;--glass-edge-glow-bottom: linear-gradient( 90deg, transparent 0%, rgba(24, 210, 110, .3) 20%, rgba(24, 210, 110, .7) 50%, rgba(24, 210, 110, .3) 80%, transparent 100% )}.glass-projects{background:var(--glass-bg-primary);border:var(--glass-border);border-radius:var(--glass-radius-lg);box-shadow:var(--glass-shadow-md),var(--glass-shadow-inset);transition:var(--glass-transition);position:relative;overflow:hidden;padding:1.5rem;cursor:pointer}.glass-projects: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}.glass-projects:after{content:"";position:absolute;bottom:0;left:10%;right:10%;height:2px;background:var(--glass-edge-glow-bottom);transform:scaleX(0);transform-origin:center;transition:transform var(--glass-transition-slow),opacity .4s ease;opacity:0;z-index:1}.count-card.glass-projects,.skill-card.glass-projects,.about-info-card.glass-projects{backdrop-filter:var(--glass-blur-md);-webkit-backdrop-filter:var(--glass-blur-md)}.testimonial-item.glass-projects{backdrop-filter:var(--glass-blur-lg);-webkit-backdrop-filter:var(--glass-blur-lg);box-shadow:var(--glass-shadow-lg),var(--glass-shadow-inset);padding:1.8rem 2rem 1.6rem;height:380px;cursor:default}.skill-card.glass-projects,.count-card.glass-projects{display:flex;flex-direction:column;justify-content:center;align-items:center}.testimonial-item.glass-projects{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;height:380px}.about-info-card.glass-projects{display:flex;flex-direction:row;align-items:center;gap:1rem;padding:1rem 1.25rem;cursor:default}.count-card.glass-projects:hover,.skill-card.glass-projects:hover,.about-info-card.glass-projects:hover{background:var(--glass-bg-hover);border:var(--glass-border-hover);box-shadow:var(--glass-shadow-hover),var(--glass-shadow-glow),var(--glass-shadow-inset);transform:translateY(-3px) scale(1.005)}.testimonial-item.glass-projects:hover{background:var(--glass-bg-hover);border:var(--glass-border-hover);box-shadow:var(--glass-shadow-hover),var(--glass-shadow-glow),var(--glass-shadow-inset);transform:translateY(-4px) scale(1.008)}.glass-projects:hover:after{transform:scaleX(1);opacity:1}.glass-projects .light-reflection{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.06) 45%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.06) 55%,transparent 60%);transform:rotate(-45deg) translate(-120%);transition:transform 1s cubic-bezier(.25,.8,.25,1);z-index:1;pointer-events:none}.glass-projects:hover .light-reflection{transform:rotate(-45deg) translate(120%)}.count-card.glass-projects .count-icon,.skill-card.glass-projects .skill-icon,.about-info-card.glass-projects .about-info-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:70px;height:70px;background:linear-gradient(135deg,rgba(var(--primary-brand-rgb),.2),rgba(var(--primary-brand-rgb),.1)),linear-gradient(135deg,#0000004d,#0003);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid rgba(var(--primary-brand-rgb),.3);border-radius:16px;margin:0 auto 1rem;transition:var(--glass-transition);z-index:2;overflow:hidden}.count-card.glass-projects:hover .count-icon,.skill-card.glass-projects:hover .skill-icon,.about-info-card.glass-projects:hover .about-info-icon{background:linear-gradient(135deg,rgba(var(--primary-brand-rgb),.3),rgba(var(--primary-brand-rgb),.2)),linear-gradient(135deg,#0006,#0000004d);border:1px solid rgba(var(--primary-brand-rgb),.5);transform:scale(1.08);box-shadow:0 0 20px rgba(var(--primary-brand-rgb),.4)}.count-card.glass-projects .count-icon i,.skill-card.glass-projects .skill-icon i,.about-info-card.glass-projects .about-info-icon i{font-size:1.8rem;color:var(--primary-color);text-shadow:0 2px 8px rgba(var(--primary-brand-rgb),.5);transition:var(--glass-transition-fast);filter:drop-shadow(0 0 10px rgba(var(--primary-brand-rgb),.3));position:relative;z-index:2}.count-card.glass-projects:hover .count-icon i,.skill-card.glass-projects:hover .skill-icon i,.about-info-card.glass-projects:hover .about-info-icon i{color:var(--primary-color-hover);transform:scale(1.05);filter:drop-shadow(0 0 15px rgba(var(--primary-brand-rgb),.6))}.about-info-card.glass-projects .about-info-icon{width:48px;height:48px;border-radius:12px;margin:0;flex-shrink:0}.about-info-card.glass-projects .about-info-icon i{font-size:1.3rem}.about-info-card.glass-projects:after{inset:15% auto 15% 0;width:2px;height:auto;transform:scaleY(0);transform-origin:center;background:linear-gradient(180deg,transparent 0%,rgba(24,210,110,.4) 20%,rgba(24,210,110,.8) 50%,rgba(24,210,110,.4) 80%,transparent 100%)}.about-info-card.glass-projects:hover:after{transform:scaleY(1)}.about-info-card.glass-projects .light-reflection{top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.04) 30%,rgba(255,255,255,.09) 50%,rgba(255,255,255,.04) 70%,transparent 100%);transform:none;transition:left .8s cubic-bezier(.25,.8,.25,1)}.about-info-card.glass-projects:hover .light-reflection{left:120%;transform:none}.about-info-card.glass-projects:hover{background:linear-gradient(110deg,#18d26e24,#18d26e0f 40%,#18d26e17);border:1px solid rgba(24,210,110,.4);box-shadow:-4px 0 20px #18d26e14,0 8px 32px #00000040,inset 0 1px #ffffff0f,inset 0 -1px #ffffff05;transform:translate(3px) translateY(-2px)}.about-info-card.glass-projects:hover .about-info-icon{background:linear-gradient(135deg,rgba(var(--primary-brand-rgb),.35),rgba(var(--primary-brand-rgb),.22)),linear-gradient(135deg,#0006,#00000040);border:1px solid rgba(var(--primary-brand-rgb),.6);box-shadow:0 0 24px rgba(var(--primary-brand-rgb),.45)}.about-info-card.glass-projects .about-info-content{display:flex;flex-direction:column;gap:2px;min-width:0;position:relative;z-index:2}.about-info-card.glass-projects .about-info-label{font-size:.75rem;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.08em;transition:var(--glass-transition-fast)}.about-info-card.glass-projects:hover .about-info-label{color:rgba(var(--primary-brand-rgb),.85)}.about-info-card.glass-projects .about-info-value{font-size:.95rem;font-weight:500;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6);transition:var(--glass-transition-fast)}.about-info-card.glass-projects:hover .about-info-value{color:var(--primary-color-hover);text-shadow:0 1px 8px rgba(var(--primary-brand-rgb),.4);transform:translate(2px)}.about-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:10px}@media(max-width:480px){.about-info-grid{grid-template-columns:1fr}}.count-card.glass-projects .purecounter{font-size:2.5rem;font-weight:800;color:var(--primary-color);margin-bottom:15px;text-shadow:0 2px 8px rgba(var(--primary-brand-rgb),.3);transition:var(--glass-transition);position:relative;z-index:2}.count-card.glass-projects:hover .purecounter{color:var(--primary-color-hover);text-shadow:0 2px 8px rgba(var(--primary-brand-rgb),.5);transform:scale(1.05)}.count-card.glass-projects h4,.skill-card.glass-projects h4{font-size:1.3rem;font-weight:600;color:#fff;margin-bottom:.75rem;text-shadow:0 2px 4px rgba(0,0,0,.7);transition:var(--glass-transition);position:relative;z-index:2}.count-card.glass-projects:hover h4,.skill-card.glass-projects:hover h4{color:var(--primary-color);text-shadow:0 2px 8px rgba(var(--primary-brand-rgb),.4);transform:translateY(-1px)}.count-card.glass-projects .count-detail p{color:#ffffffe6;font-size:.95rem;line-height:1.6;margin:0;text-shadow:0 1px 3px rgba(0,0,0,.6);transition:var(--glass-transition);position:relative;z-index:2}.count-card.glass-projects:hover .count-detail p{color:#fffffff2;text-shadow:0 1px 2px rgba(0,0,0,.4)}.skill-card.glass-projects .skill-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;position:relative;z-index:2}.skill-card.glass-projects .tech-tag{background:linear-gradient(135deg,rgba(var(--primary-brand-rgb),.15),rgba(var(--primary-brand-rgb),.08));backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);border:1px solid rgba(var(--primary-brand-rgb),.3);border-radius:12px;padding:.25rem .65rem;font-size:.7rem;color:var(--primary-color);text-shadow:0 1px 2px rgba(0,0,0,.3);transition:var(--glass-transition-fast);white-space:nowrap;font-weight:500}.skill-card.glass-projects:hover .tech-tag{background:linear-gradient(135deg,rgba(var(--primary-brand-rgb),.25),rgba(var(--primary-brand-rgb),.15));border:1px solid rgba(var(--primary-brand-rgb),.5);box-shadow:0 4px 12px rgba(var(--primary-brand-rgb),.2);color:var(--primary-color-hover)}.testimonial-item.glass-projects p{font-style:italic;color:#ffffffe6;font-size:1rem;line-height:1.6;margin-bottom:20px;position:relative;z-index:2;text-shadow:0 1px 3px rgba(0,0,0,.6);transition:var(--glass-transition)}.testimonial-item.glass-projects:hover p{color:#fffffff2;text-shadow:0 1px 2px rgba(0,0,0,.4)}.testimonial-item.glass-projects .testimonial-img{width:80px;height:80px;border-radius:50%;margin:0 auto 15px;border:3px solid rgba(var(--primary-brand-rgb),.3);transition:var(--glass-transition);position:relative;z-index:2}.testimonial-item.glass-projects:hover .testimonial-img{border-color:rgba(var(--primary-brand-rgb),.8);transform:scale(1.03);box-shadow:0 0 20px rgba(var(--primary-brand-rgb),.3)}.testimonial-item.glass-projects h3{font-size:1.2rem;font-weight:600;color:#fff;margin-bottom:5px;text-shadow:0 2px 4px rgba(0,0,0,.7);transition:var(--glass-transition);position:relative;z-index:2}.testimonial-item.glass-projects h4{font-size:.9rem;color:#ffffffb3;margin-bottom:0;text-shadow:0 1px 2px rgba(0,0,0,.5);transition:var(--glass-transition);position:relative;z-index:2}.testimonial-item.glass-projects:hover h3{color:var(--primary-color);text-shadow:0 2px 8px rgba(var(--primary-brand-rgb),.4)}.testimonial-item.glass-projects:hover h4{color:#ffffffe6}.testimonial-item.glass-projects .quote-icon-left,.testimonial-item.glass-projects .quote-icon-right{color:rgba(var(--primary-brand-rgb),.3);font-size:1.5rem;transition:var(--glass-transition-fast)}.testimonial-item.glass-projects:hover .quote-icon-left,.testimonial-item.glass-projects:hover .quote-icon-right{color:rgba(var(--primary-brand-rgb),.8);text-shadow:0 0 10px rgba(var(--primary-brand-rgb),.4)}.glass-btn{backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm)}.glass-btn:hover{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.glass-social a{font-size:16px;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#ffffff14,#ffffff0a);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid rgba(255,255,255,.15);color:#fff;line-height:1;border-radius:50%;width:44px;height:44px;box-shadow:var(--glass-shadow-social);transition:var(--glass-transition-fast);position:relative;overflow:hidden}.glass-social a:hover{background:linear-gradient(135deg,#18d26e26,#18d26e14);border:1px solid rgba(24,210,110,.3);box-shadow:var(--glass-shadow-social-hover);transform:translateY(-1px) scale(1.04);color:var(--primary-color)}#header .social-links.glass-social{margin-top:40px;display:flex;gap:8px}#header.header-top .social-links.glass-social{display:none!important}.navbar-mobile .mobile-social-links.glass-social{display:flex;justify-content:center;margin-top:30px;gap:12px}.navbar-mobile .mobile-social-links.glass-social a{width:40px;height:40px;font-size:14px}.contact .info-box .contact-social-links.glass-social{margin:10px 0 0!important;display:flex;justify-content:flex-start!important;gap:12px}.contact .info-box .social-links.glass-social a{width:42px;height:42px;font-size:18px}.glass-social a.twitter:hover{background:linear-gradient(135deg,#1da1f233,#1da1f21a);border:1px solid rgba(29,161,242,.3);box-shadow:0 8px 24px #1da1f22e,0 2px 8px #0000004d}.glass-social a.facebook:hover{background:linear-gradient(135deg,#1877f233,#1877f21a);border:1px solid rgba(24,119,242,.3);box-shadow:0 8px 24px #1877f22e,0 2px 8px #0000004d}.glass-social a.instagram:hover{background:linear-gradient(135deg,#e1306c33,#e1306c1a);border:1px solid rgba(225,48,108,.3);box-shadow:0 8px 24px #e1306c2e,0 2px 8px #0000004d}.glass-social a.linkedin:hover{background:linear-gradient(135deg,#0077b533,#0077b51a);border:1px solid rgba(0,119,181,.3);box-shadow:0 8px 24px #0077b52e,0 2px 8px #0000004d}.glass-social a.github:hover{background:linear-gradient(135deg,#3333334d,#3333);border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 24px #33333340,0 2px 8px #0000004d}@media(max-width:576px){.glass-projects{padding:1.2rem}.glass-projects:hover{transform:translateY(-1px)}.skill-card.glass-projects .skill-tags{gap:.3rem}.glass-social a{width:34px;height:34px;font-size:13px}.contact .info-box .social-links.glass-social{margin:5px 0 0;justify-content:center}}@media(max-width:768px){.glass-projects,.glass-social a,.glass-btn{-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}.glass-projects:hover,.glass-social a: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}.glass-projects:before,.glass-projects:after,.glass-projects .light-reflection{display:none!important}.glass-projects .count-icon,.glass-projects .skill-icon,.glass-projects .icon,.glass-projects .about-info-icon,.glass-projects .tech-tag,.glass-projects .action-btn{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;transition:none!important}.glass-projects:hover .count-icon,.glass-projects:hover .skill-icon,.glass-projects:hover .icon,.glass-projects:hover .about-info-icon{transform:none!important;box-shadow:none!important}.glass-projects{padding:1.5rem}.glass-projects .count-icon,.glass-projects .skill-icon,.glass-projects .icon{width:60px;height:60px;margin-bottom:.75rem}.glass-projects .about-info-icon{width:40px;height:40px}.glass-projects .about-info-icon i{font-size:1.1rem}.glass-projects .count-icon i,.glass-projects .skill-icon i,.glass-projects .icon i{font-size:1.5rem}.glass-projects h4{font-size:1.1rem}.glass-projects .purecounter{font-size:2rem}.glass-projects .tech-tag{font-size:.7rem;padding:.2rem .6rem}.glass-btn{box-shadow:0 0 10px #18d26e26!important}.contact .info-box .contact-social-links.glass-social{margin:5px 0 0!important;justify-content:flex-start!important;gap:8px}.contact .info-box .social-links.glass-social a{width:38px;height:38px;font-size:16px}#header .social-links.glass-social{margin-top:0!important;display:flex;gap:8px}#header .social-links.glass-social a{width:38px;height:38px;font-size:16px}}@media(min-width:769px)and (max-width:1024px){.glass-projects{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.testimonials .glass-projects{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}@media(hover:none)and (pointer:coarse){.glass-projects,.glass-social a{-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}.glass-projects:before,.glass-projects:after,.glass-projects .light-reflection{display:none!important}.count-card .count-detail{max-height:none;opacity:1}}@media(prefers-reduced-motion:reduce){.glass-projects,.glass-projects .count-icon,.glass-projects .skill-icon,.glass-projects .icon,.glass-projects .about-info-icon,.glass-projects .tech-tag,.glass-projects .action-btn,.glass-projects .light-reflection,.glass-projects .purecounter,.glass-projects h4,.glass-projects p,.glass-projects .testimonial-img,.glass-projects h3,.glass-projects .quote-icon-left,.glass-projects .quote-icon-right,.glass-social a,.glass-btn{animation:none!important;transition:none!important}.glass-projects:hover,.glass-social a:hover{transform:none!important}}
