@import"https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap";@font-face{font-display:swap;font-family:Bw Gradual DEMO;font-style:italic;font-weight:300;src:local("Bw Gradual DEMO Light Italic"),local("BwGradualDEMO-LightItalic"),url(../fonts/BwGradualDEMO-LightItalic.otf) format("opentype")}@font-face{font-display:swap;font-family:Bw Gradual DEMO;font-style:italic;font-weight:700;src:local("Bw Gradual DEMO Bold Italic"),local("BwGradualDEMO-BoldItalic"),url(/build/assets/BwGradualDEMO-BoldItalic.884eaf02.otf) format("opentype")}@font-face{font-display:swap;font-family:Bw Gradual DEMO;font-style:normal;font-weight:700;src:local("Bw Gradual DEMO Bold"),local("BwGradualDEMO-Bold"),url(/build/assets/BwGradualDEMO-Bold.bfb970e8.otf) format("opentype")}@font-face{font-display:swap;font-family:Bw Gradual DEMO;font-style:normal;font-weight:300;src:local("Bw Gradual DEMO Light"),local("BwGradualDEMO-Light"),url(/build/assets/BwGradualDEMO-Light.4e28ca0d.otf) format("opentype")}*{font-family:Lexend,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Bw Gradual DEMO,sans-serif}h1 *,h2 *,h3 *,h4 *,h5 *,h6 *{font-family:inherit}.page-hero{background:white;height:100vh;position:relative;overflow:hidden}.page-hero .container{height:100%;display:flex;align-items:center}.page-hero-title{font-size:4.5rem;line-height:1;font-weight:300;margin-bottom:1.5rem;position:relative;z-index:1}.page-hero-title span{font-weight:700;font-style:italic;display:block;padding-top:.75rem}.page-hero-subtitle{font-size:16px;font-weight:300;margin-top:4rem;margin-bottom:4rem;opacity:.9;position:relative;z-index:1;line-height:1.6;color:#6b7280}.hero-bg{padding-bottom:5rem}@media (min-width: 1024px){.hero-bg{padding-bottom:0}}.hero-bg{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%)}.geometric-bg{background-image:radial-gradient(circle at 20% 80%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(59,130,246,.1) 0%,transparent 50%),linear-gradient(45deg,transparent 30%,rgba(59,130,246,.05) 50%,transparent 70%)}.stat-card{background:rgba(255,255,255,.8);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.nav-link{position:relative;transition:all .3s ease;font-size:14px;color:#6b7280;text-shadow:none;cursor:pointer}.nav-link:hover{color:#3b82f6}.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:#3b82f6;transition:width .3s ease}.nav-link:hover:after{width:100%}.floating-animation{animation:floating 6s ease-in-out infinite}@keyframes floating{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.pulse-animation{animation:pulse 2s infinite}.stat-number{background:linear-gradient(135deg,#3b82f6,#1d4ed8);font-weight:500;font-size:18px;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-card-new{padding:20px;transition:all .3s ease;position:relative;overflow:hidden}.stat-circle{width:60px;height:60px;background:linear-gradient(135deg,#e0f2fe 0%,#b3e5fc 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #3b82f633;position:relative;z-index:2}.stat-circle .stat-number{width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;color:#1e40af;background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset}.stat-icon{position:absolute;top:-8px;right:-8px;width:24px;height:24px;color:#3b82f6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;z-index:3}.stat-text{flex:1;font-weight:300;font-size:16px;margin-left:16px}.stat-text div:first-child{line-height:1.2;margin-bottom:2px}.stat-text div:last-child{line-height:1.2}#main-header{background:transparent}.logo{transition:all .3s ease}.logo-icon{transition:all .3s ease;display:none}#main-header.scrolled .logo{display:none}#main-header.scrolled .logo-icon{display:block;height:40px}#main-header #logo-text span:first-child{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.3)}#main-header #logo-text span:last-child{color:#e5e7eb;text-shadow:0 1px 3px rgba(0,0,0,.3)}#main-header .header-btn{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);backdrop-filter:blur(10px);border:none;border-radius:50px;box-shadow:0 8px 25px #3b82f666;position:relative;overflow:hidden;transform:translateY(0);transition:all .3s ease}#main-header .header-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}#main-header .header-btn:hover{transform:translateY(-2px);box-shadow:0 12px 35px #3b82f699}#main-header .header-btn:hover:before{left:100%}#main-header .header-btn:active{transform:translateY(0);box-shadow:0 6px 20px #3b82f680}#main-header nav span{color:#d1d5db;font-weight:300}#main-header.scrolled nav span{color:#6b7280}#main-header.scrolled{margin:10px 20px;height:60px}#main-header>div{max-width:1000rem}#main-header.scrolled>div{border-radius:50px;background:rgba(0,0,0,.75);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;max-width:80rem;margin:0 auto;padding:0 1rem;transition:all 1s ease}#main-header.scrolled #logo-icon{background:linear-gradient(135deg,#ffffff 0%,#f0f0f0 100%);color:#000;width:35px;height:35px;font-size:14px}#main-header.scrolled #logo-text span:first-child{color:#fff;font-size:16px}#main-header.scrolled #logo-text span:last-child{color:#a0a0a0;font-size:12px}#main-header.scrolled .nav-link{color:#fff;font-size:14px;padding:8px 12px;text-shadow:0 1px 3px rgba(0,0,0,.3)}#main-header.scrolled .nav-link:hover{color:#3b82f6}#main-header.scrolled .nav-link:after{background:#3b82f6}#main-header.scrolled nav{gap:4px}#main-header.scrolled .header-btn{padding:8px 16px;font-size:14px;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border:none;border-radius:50px;box-shadow:0 8px 25px #3b82f666;position:relative;overflow:hidden;transform:translateY(0);transition:all .3s ease}#main-header.scrolled .header-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}#main-header.scrolled .header-btn:hover{transform:translateY(-2px);box-shadow:0 12px 35px #3b82f699}#main-header.scrolled .header-btn:hover:before{left:100%}#main-header.scrolled .header-btn:active{transform:translateY(0);box-shadow:0 6px 20px #3b82f680}@media (max-width: 768px){.hero-bg h1{font-size:42px;line-height:1.2}.stat-card{padding:1rem}.floating-animation{animation:none}#main-header.scrolled{margin:5px 10px;height:50px}#main-header.scrolled>div{max-width:100%;margin:0 auto;padding:0 .5rem}#main-header.scrolled #logo-icon{width:30px;height:30px;font-size:12px}#main-header.scrolled #logo-text span:first-child{font-size:14px}#main-header.scrolled #logo-text span:last-child{font-size:10px}#main-header.scrolled .nav-link{font-size:12px;padding:6px 8px}#main-header.scrolled .header-btn{padding:6px 12px;font-size:12px;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border:none;border-radius:50px;box-shadow:0 6px 20px #3b82f666}}@media (max-width: 640px){.hero-bg h1{font-size:42px}.stat-card{padding:.75rem}.stat-number{font-size:1.5rem}.stat-card-new{padding:10px;margin-bottom:10px}.stat-circle{width:50px;height:50px}.stat-circle .stat-number{font-size:16px}.stat-icon{width:20px;height:20px;font-size:10px;top:-6px;right:-6px}.stat-text{margin-left:12px}.stat-text div:first-child{font-size:16px}.stat-text div:last-child{font-size:14px}.card-inner{padding:28px;min-height:380px}.icon-3d{width:50px;height:50px;font-size:20px}.card-title{font-size:20px}.card-description{font-size:13px}.tech-item{padding:6px 10px}.tech-icon{width:24px;height:24px;font-size:12px}.tech-item span{font-size:11px}.stat-value{font-size:14px}.stat-label{font-size:9px}.contact-btn{padding:10px 16px;font-size:13px}.floating-element{font-size:12px}.element-1{width:40px;height:40px;top:-20px;right:15px}.element-2{width:30px;height:30px;bottom:-15px;left:15px}.element-3{width:25px;height:25px;right:-12px}.tech-items{gap:4px}.tech-item-new{padding:4px 8px;font-size:10px}.tech-item-new i{font-size:9px}.tech-category{margin-bottom:12px}.category-header{font-size:11px;margin-bottom:6px}.tech-stack-title{font-size:13px;margin-bottom:12px}.status-item{font-size:12px}}.hero-gradient{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.transition-all{transition:all .3s ease}.glass-effect{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.custom-shadow{box-shadow:0 10px 25px #0000001a}.custom-shadow-lg{box-shadow:0 20px 40px #00000026}.page-cta{background:linear-gradient(135deg,#1e40af 0%,#3b82f6 50%,#60a5fa 100%);position:relative;overflow:hidden}.cta-container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;max-width:1200px;margin:0 auto}.cta-container:has(.cta-content:only-child),.cta-container:not(:has(.cta-visual)){display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;grid-template-columns:1fr}.cta-content{color:#fff;position:relative;z-index:1}.cta-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50px;padding:.75rem 1.5rem;margin-bottom:1.5rem;font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.cta-title{font-size:3.5rem;font-weight:800;margin-bottom:2rem;line-height:1.1;background:linear-gradient(135deg,#ffffff,#e0f2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cta-desc{font-size:1.25rem;font-weight:300;margin-bottom:2.5rem;opacity:.9;line-height:1.7}.cta-features{display:flex;flex-direction:column;gap:1rem;margin-bottom:2.5rem}.cta-feature{display:flex;align-items:center;gap:.75rem;font-size:1.125rem;font-weight:300}.cta-feature i{color:#10b981;font-size:1.25rem}.cta-buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:start;position:relative;z-index:1}.cta-btn-primary{background:white;color:#1e40af;padding:14px 32px;border-radius:50px;text-decoration:none;font-weight:600;font-size:16px;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 10px 25px #0000001a}.cta-btn-primary:hover{background:#f8fafc;transform:translateY(-2px);box-shadow:0 15px 35px #00000026}.cta-btn-secondary{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.3);padding:14px 32px;border-radius:50px;text-decoration:none;font-weight:600;font-size:16px;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;backdrop-filter:blur(10px)}.cta-btn-secondary:hover{background:rgba(255,255,255,.1);border-color:#ffffff80;transform:translateY(-2px)}.cta-button{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border:none;border-radius:50px;box-shadow:0 8px 25px #3b82f666;position:relative;overflow:hidden;transform:translateY(0);transition:all .3s ease;color:#fff;font-weight:600;text-decoration:none;display:flex;align-items:center;text-align:center;text-transform:uppercase;padding:14px 32px}.cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.cta-button:hover{transform:translateY(-3px);box-shadow:0 15px 40px #3b82f699;color:#fff;text-decoration:none}.cta-button:hover:before{left:100%}.cta-button:active{transform:translateY(-1px);box-shadow:0 8px 25px #3b82f680}.cta-button-secondary{background:transparent;border:2px solid #3b82f6;border-radius:50px;color:#3b82f6;position:relative;overflow:hidden;transform:translateY(0);transition:all .3s ease;font-weight:600;text-decoration:none;display:flex;align-items:center;text-transform:uppercase;font-size:14px;padding:14px 32px}.cta-button-secondary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),transparent);transition:left .5s}.cta-button-secondary:hover{background:#3b82f6;color:#fff;transform:translateY(-2px);box-shadow:0 10px 30px #3b82f64d;text-decoration:none}.cta-button-secondary:hover:before{left:100%}.cta-button-secondary:active{transform:translateY(0);box-shadow:0 5px 15px #3b82f633}.cta-visual{position:relative;display:flex;flex-direction:column;gap:2rem;align-items:center}.cta-card{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:1rem;padding:1.5rem;width:100%;max-width:300px;transition:all .3s ease;position:relative;overflow:hidden}.cta-card:hover{transform:translateY(-5px);background:rgba(255,255,255,.15)}.cta-card-2{margin-left:2rem;margin-top:-1rem}.cta-card-header{display:flex;align-items:center;margin-bottom:1rem}.cta-card-dots{display:flex;gap:.5rem}.cta-card-dots span{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.3)}.cta-card-content{text-align:center}.cta-card-icon{width:3rem;height:3rem;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:#fff;font-size:1.25rem}.cta-card h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:#fff}.cta-card p{font-size:.875rem;opacity:.8;line-height:1.5;color:#fff;font-weight:300}.cta-shapes{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.cta-shape{position:absolute;border-radius:50%;background:rgba(255,255,255,.05);animation:float 8s ease-in-out infinite}.cta-shape-1{width:150px;height:150px;top:10%;right:10%;animation-delay:0s}.cta-shape-2{width:100px;height:100px;bottom:20%;left:5%;animation-delay:3s}.cta-shape-3{width:80px;height:80px;top:50%;right:5%;animation-delay:6s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.modern-dev-card{max-width:100%}@media (min-width: 1024px){.modern-dev-card{max-width:450px}}.modern-dev-card{position:relative;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:0;transition:all .4s ease;width:100%;margin-bottom:24px}.modern-dev-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:24px;z-index:-1;opacity:.1}.modern-dev-card:after{display:none}.card-inner{position:relative;z-index:1;background:transparent;border-radius:24px;padding:24px;height:100%;display:flex;flex-direction:column;min-height:420px}.card-header{display:flex;justify-content:flex-start;align-items:center;margin-bottom:24px}.icon-container{position:relative}.icon-3d{width:70px;height:70px;border-radius:18px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;position:relative;overflow:hidden}.icon-3d:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.2),transparent);transform:rotate(45deg);animation:shimmer 3s infinite}.icon-glow{position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:28px;opacity:.2;filter:blur(15px);animation:pulse 3s infinite}.status-indicator{display:flex;align-items:center;gap:6px;background:rgba(16,185,129,.1);padding:6px 12px;border-radius:16px;border:1px solid rgba(16,185,129,.2)}.status-dot{width:6px;height:6px;background:#10b981;border-radius:50%;animation:pulse 3s infinite}.status-text{color:#10b981;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.card-content{flex:1;display:flex;flex-direction:column;gap:24px}.card-title{color:#1f2937;font-size:26px;font-weight:700;margin-bottom:8px;line-height:1.2}.card-description{color:#6b7280;font-size:16px;font-weight:300;line-height:1.5}.tech-stack{display:flex;flex-direction:column;gap:12px}.tech-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:rgba(59,130,246,.05);border-radius:12px;border:1px solid rgba(59,130,246,.1);transition:all .3s ease}.tech-item:hover{background:rgba(59,130,246,.1);transform:translate(5px)}.tech-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff}.tech-icon.laravel{background:linear-gradient(135deg,#ff2d20 0%,#ff6b6b 100%)}.tech-icon.php{background:linear-gradient(135deg,#777bb4 0%,#9c88ff 100%)}.tech-icon.js{background:linear-gradient(135deg,#f7df1e 0%,#ffd700 100%);color:#000}.tech-item span{color:#374151;font-weight:500;font-size:14px}.tech-stack-section{margin-top:8px}.tech-stack-title{color:#374151;font-size:14px;font-weight:600;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.tech-category{margin-bottom:16px}.tech-category:last-child{margin-bottom:0}.category-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#6b7280;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.category-header i{color:#3b82f6;font-size:11px}.tech-items{display:flex;flex-wrap:wrap;gap:6px}.tech-item-new{display:flex;align-items:center;gap:6px;padding:6px 10px;background:rgba(255,255,255,.8);border:1px solid rgba(0,0,0,.1);border-radius:12px;transition:all .3s ease;font-size:11px;font-weight:500}.tech-item-new:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.tech-item-new i{font-size:10px}.tech-item-new span{color:#374151}.tech-item-new.laravel{background:linear-gradient(135deg,#ff2d20 0%,#ff6b6b 100%);color:#fff;border-color:#ff2d20}.tech-item-new.laravel i,.tech-item-new.laravel span{color:#fff}.tech-item-new.php{background:linear-gradient(135deg,#777bb4 0%,#9b9b9b 100%);color:#fff;border-color:#777bb4}.tech-item-new.php i,.tech-item-new.php span{color:#fff}.tech-item-new.nodejs{background:linear-gradient(135deg,#339933 0%,#66cc66 100%);color:#fff;border-color:#393}.tech-item-new.nodejs i,.tech-item-new.nodejs span{color:#fff}.tech-item-new.tailwind{background:linear-gradient(135deg,#06b6d4 0%,#0891b2 100%);color:#fff;border-color:#06b6d4}.tech-item-new.tailwind i,.tech-item-new.tailwind span{color:#fff}.tech-item-new.bootstrap{background:linear-gradient(135deg,#7952b3 0%,#9c7bdb 100%);color:#fff;border-color:#7952b3}.tech-item-new.bootstrap i,.tech-item-new.bootstrap span{color:#fff}.tech-item-new.jquery{background:linear-gradient(135deg,#0769ad 0%,#4a90e2 100%);color:#fff;border-color:#0769ad}.tech-item-new.jquery i,.tech-item-new.jquery span{color:#fff}.tech-item-new.livewire{background:linear-gradient(135deg,#4e56a6 0%,#7c3aed 100%);color:#fff;border-color:#4e56a6}.tech-item-new.livewire i,.tech-item-new.livewire span{color:#fff}.tech-item-new.mysql{background:linear-gradient(135deg,#4479a1 0%,#6c8ebf 100%);color:#fff;border-color:#4479a1}.tech-item-new.mysql i,.tech-item-new.mysql span{color:#fff}.tech-item-new.postgresql{background:linear-gradient(135deg,#336791 0%,#4a90e2 100%);color:#fff;border-color:#336791}.tech-item-new.postgresql i,.tech-item-new.postgresql span{color:#fff}.current-status{margin-top:16px;padding-top:16px;border-top:1px solid rgba(59,130,246,.1)}.status-item{display:flex;align-items:center;gap:10px;margin-bottom:8px;color:#6b7280;font-size:13px}.status-item:last-child{margin-bottom:0}.status-item i{color:#3b82f6;font-size:12px;width:14px;text-align:center}.contact-btn{width:100%;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);color:#fff;border:none;border-radius:16px;padding:12px 20px;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 4px 15px #3b82f64d}.contact-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.contact-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666}.contact-btn:hover:before{left:100%}.contact-btn:active{transform:translateY(0)}.floating-element{position:absolute;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;box-shadow:0 8px 25px #0000001a;animation:float 6s ease-in-out infinite;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.element-1{width:50px;height:50px;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);top:-25px;right:20px;animation-delay:0s}.element-2{width:40px;height:40px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);bottom:-20px;left:20px;animation-delay:-2s}.element-3{width:35px;height:35px;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);top:30%;right:-18px;transform:translateY(-50%);animation-delay:-4s}@keyframes neonRotate{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.modern-dev-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px #00000026}.modern-dev-card:hover:before{opacity:.15}.section-header{margin-bottom:1rem;font-size:2.25rem;line-height:2.5rem;font-weight:700;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.section-description{margin-left:auto;margin-right:auto;max-width:42rem;font-weight:300;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}footer{position:relative;font-size:16px;font-weight:300}footer a{position:relative;transition:all .3s ease;display:inline-block}footer .flex.space-x-4 a{position:relative;overflow:hidden;border-radius:8px;transition:all .3s ease}footer .flex.space-x-4 a: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}footer .flex.space-x-4 a:hover:before{left:100%}footer .flex.space-x-4 a:hover{transform:translateY(-2px) scale(1.1);color:#3b82f6!important}footer .links a{position:relative;transition:all .3s ease}footer .links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#3b82f6,#1d4ed8);transition:width .3s ease}footer .links a:hover:after{width:100%}footer .links a:hover{color:#3b82f6!important;transform:translate(5px);text-shadow:0 0 8px rgba(59,130,246,.5)}footer .space-y-2 p{transition:all .3s ease}footer .space-y-2 p:hover{color:#3b82f6!important;transform:translate(5px)}footer .space-y-2 p i{transition:all .3s ease}footer .space-y-2 p:hover i{color:#3b82f6!important;transform:scale(1.2)}footer .border-t p{transition:all .3s ease}footer .border-t:hover p{color:#6b7280!important;transform:scale(1.02)}footer:before{background:#2d2d2d;content:"";display:block;height:1px;left:50%;max-width:1330px;top:0;transform:translate(-50%)}.footer-bg{align-items:center;background:radial-gradient(90% 80% at 40% 100%,#005bff 0,#000 100%);bottom:0;display:flex;height:100%;justify-content:center;max-height:450px;opacity:1;pointer-events:none;transition:all .45s ease-out;z-index:0}.footer-bg,footer:before{position:absolute;width:100%}.contact-item{display:flex;align-items:center;gap:12px;padding:16px;background:rgba(255,255,255,.8);border:1px solid rgba(0,0,0,.05);border-radius:12px;transition:all .3s ease}.contact-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:#3b82f633}.contact-icon-small{width:40px;height:40px;border-radius:30px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff;transition:all .3s ease}.contact-icon-small.email{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%)}.contact-icon-small.whatsapp{background:linear-gradient(135deg,#25d366 0%,#128c7e 100%)}.contact-icon-small.linkedin{background:linear-gradient(135deg,#0077b5 0%,#005885 100%)}.contact-info{flex:1}.contact-title-small{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:2px;transition:color .3s ease}.contact-detail-small{font-size:14px;color:#6b7280;transition:color .3s ease}.contact-item:hover .contact-title-small{color:#3b82f6}.contact-item:hover .contact-detail-small{color:#374151}.contact-item:hover .contact-icon-small{transform:scale(1.1)}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.service-card{border-radius:1rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:2rem;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.service-card:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.service-card-icon{margin-top:-4rem;margin-bottom:1rem;--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.7s;transition:all .3s ease}.service-card-icon img{height:120px;width:auto}.service-card-title{margin-bottom:1rem;font-size:1.5rem;line-height:2rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.service-card-description{margin-bottom:1.5rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.service-card:hover .service-card-icon{--tw-translate-y: -1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cta-banner{background:linear-gradient(195deg,#000000 0%,#1e3a8a 100%);border-radius:24px;padding:40px;text-align:center;position:relative;overflow:hidden;box-shadow:0 20px 40px #0000004d;max-width:900px;margin:0 auto}.cta-banner:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(59,130,246,.1),rgba(139,92,246,.1));opacity:.3;z-index:1}.cta-banner-content{position:relative;z-index:2;margin:0 auto}.cta-banner-title{font-family:Lexend,sans-serif;font-size:24px;font-weight:500;color:#fff;margin-bottom:16px;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.3)}.cta-banner-subtitle{font-family:Lexend,sans-serif;font-size:16px;font-weight:300;color:#bebebee6;margin-bottom:28px;line-height:1.4}.cta-banner-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:50px;padding:16px 40px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 8px 25px #3b82f666;display:inline-block;text-decoration:none}.cta-banner-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.cta-banner-button:hover:before{left:100%}.cta-banner-button:hover{transform:translateY(-3px);box-shadow:0 15px 35px #3b82f699;background:linear-gradient(135deg,#2563eb,#1e40af)}.cta-banner-button:active{transform:translateY(-1px);box-shadow:0 8px 25px #3b82f666}.blog-bg-shapes{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.blog-shape{position:absolute;border-radius:50%;background:linear-gradient(45deg,rgba(59,130,246,.1),rgba(139,92,246,.1));animation:blogFloat 6s ease-in-out infinite}.blog-shape-1{width:200px;height:200px;top:10%;left:5%;animation-delay:0s}.blog-shape-2{width:150px;height:150px;top:60%;right:10%;animation-delay:2s}.blog-shape-3{width:100px;height:100px;bottom:20%;left:20%;animation-delay:4s}@keyframes blogFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.blog-badge{display:inline-block;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;padding:8px 20px;border-radius:20px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.blog-card-modern{background:white;overflow:hidden;transition:all .3s ease;position:relative;height:100%;display:flex;flex-direction:column}.blog-card-modern:hover{border-radius:20px;transform:translateY(-8px);box-shadow:0 20px 40px #00000026}.blog-image-container{position:relative;height:200px;overflow:hidden}.blog-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.blog-card-modern:hover .blog-image{transform:scale(1.05)}.blog-image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:2rem}.blog-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(59,130,246,.8),rgba(5,8,185,.8));opacity:0;transition:opacity .3s ease;display:flex;align-items:center;justify-content:center}.blog-card-modern:hover .blog-overlay{opacity:1}.blog-actions{display:flex;gap:12px}.blog-action-btn{width:48px;height:48px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:all .3s ease;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.blog-action-btn:hover{background:rgba(255,255,255,.3);transform:scale(1.1)}.blog-category{position:absolute;top:16px;left:16px;z-index:2}.blog-category-badge{background:rgba(255,255,255,.9);color:#374151;padding:6px 12px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;backdrop-filter:blur(10px)}.blog-content{padding:20px;flex:1;display:flex;flex-direction:column}.blog-meta{display:flex;gap:16px;margin-bottom:8px;font-size:12px;font-weight:400;color:#6b7280}.blog-date,.blog-read-time{display:flex;align-items:center;gap:6px}.blog-date i,.blog-read-time i{font-size:.75rem;color:#9ca3af}.blog-title{margin-bottom:12px;line-height:1.4}.blog-title a{font-family:Lexend,sans-serif;color:#1f2937;text-decoration:none;font-size:18px;font-weight:500;transition:color .3s ease}.blog-title a:hover{color:#3b82f6}.blog-excerpt{color:#6b7280;line-height:1.6;font-size:14px;font-weight:300;margin-bottom:20px;flex:1}.blog-footer{margin-top:auto}.blog-read-more{display:inline-flex;align-items:center;gap:8px;color:#3b82f6;text-decoration:none;font-weight:600;font-size:.875rem;transition:all .3s ease}.blog-read-more:hover{color:#1d4ed8;transform:translate(4px)}.blog-read-more i{font-size:.75rem;transition:transform .3s ease}.blog-read-more:hover i{transform:translate(4px)}.empty-blog{text-align:center;padding:60px 20px;background:white;border-radius:20px;box-shadow:0 4px 20px #00000014}.empty-blog-icon{width:80px;height:80px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:#9ca3af;font-size:2rem}.empty-blog-title{font-size:1.5rem;font-weight:600;color:#1f2937;margin-bottom:12px}.empty-blog-description{color:#6b7280;font-size:1rem;line-height:1.6;max-width:400px;margin:0 auto}.view-all-blog-btn{display:inline-flex;align-items:center;gap:12px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:16px 32px;border-radius:50px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 8px 25px #3b82f64d}.view-all-blog-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.view-all-blog-btn:hover:before{left:100%}.view-all-blog-btn:hover{transform:translateY(-3px);box-shadow:0 15px 35px #3b82f666}.view-all-blog-btn i{font-size:.875rem;transition:transform .3s ease}.view-all-blog-btn:hover i{transform:translate(4px)}@media (max-width: 768px){.blog-card-modern{margin-bottom:24px}.blog-image-container{height:180px}.blog-content{padding:20px}.blog-title a{font-size:1.125rem}.blog-meta{gap:16px}.view-all-blog-btn{padding:14px 28px;font-size:.875rem}.page-hero-title{font-size:2.5rem}.page-hero-subtitle{font-size:1.125rem}.cta-container{grid-template-columns:1fr;gap:2rem;text-align:center}.cta-title{font-size:2.5rem}.cta-card-2{margin-left:0;margin-top:0}.cta-buttons{flex-direction:column;align-items:center}.cta-button,.cta-button-secondary{width:-moz-fit-content;width:fit-content}.cta-btn-primary,.cta-btn-secondary{width:100%;max-width:300px;justify-content:center}}@media (max-width: 768px){.cta-banner{padding:40px 20px;border-radius:16px}.cta-banner-title{font-size:1.875rem;margin-bottom:16px}.cta-banner-subtitle{font-size:1.125rem;margin-bottom:32px}.cta-banner-button{padding:16px 32px;font-size:14px}}@media (max-width: 480px){.cta-banner{padding:32px 16px}.cta-banner-title{font-size:1.5rem}.cta-banner-subtitle{font-size:1rem}.cta-banner-button{padding:14px 28px;font-size:13px}}.contact-form-neon:hover:before{animation-duration:2s;opacity:.8}.dropdown-container{position:relative}.dropdown-menu{position:absolute;top:100%;left:50%;transform:translate(-50%);background:rgba(0,0,0,.95);backdrop-filter:blur(20px);border-radius:20px;padding:0;margin-top:20px;opacity:0;visibility:hidden;transform:translate(-50%) translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000;min-width:400px;box-shadow:0 20px 40px #0000004d;border:1px solid rgba(255,255,255,.1)}.dropdown-container:hover .dropdown-menu,.dropdown-menu.show{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.dropdown-container:hover .dropdown-trigger,.dropdown-container.active .dropdown-trigger{color:#3b82f6}.dropdown-container:hover .dropdown-icon,.dropdown-container.active .dropdown-icon{transform:rotate(180deg)}.dropdown-icon{transition:transform .3s ease}.dropdown-content{padding:30px}.services-dropdown{min-width:600px;transform:translate(-30%)!important;width:1000px}#main-header.scrolled .services-dropdown{transform:translate(-10%)!important}.dropdown-left{display:flex;flex-direction:column;gap:20px}.dropdown-categories{display:flex;flex-direction:column;gap:8px}.dropdown-category{padding:12px 20px;border-radius:12px;font-weight:600;font-size:16px;color:#9ca3af;cursor:pointer;transition:all .3s ease;position:relative}.dropdown-category:hover{color:#fff;background:rgba(59,130,246,.1)}.dropdown-category.active{color:#3b82f6;background:rgba(59,130,246,.1)}.dropdown-view-all{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:1px solid #3b82f6;border-radius:12px;color:#3b82f6;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease}.dropdown-view-all:hover{background:#3b82f6;color:#fff}.dropdown-right{margin-left:40px}.dropdown-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.dropdown-service-category{display:flex;flex-direction:column}.dropdown-service-category>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}footer .dropdown-service-category.space-x-4 a{position:relative;overflow:hidden;border-radius:8px;transition:all .3s ease}footer .dropdown-service-category.space-x-4 a: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}footer .dropdown-service-category.space-x-4 a:hover:before{left:100%}footer .dropdown-service-category.space-x-4 a:hover{transform:translateY(-2px) scale(1.1);color:#3b82f6}footer .dropdown-service-category p{transition:all .3s ease}footer .dropdown-service-category p:hover{color:#3b82f6;transform:translate(5px)}footer .dropdown-service-category p i{transition:all .3s ease}footer .dropdown-service-category p:hover i{color:#3b82f6;transform:scale(1.2)}.dropdown-category-title{margin-bottom:.75rem;border-bottom-width:1px;border-color:#4b556380;padding-bottom:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));color:#3b82f6;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.dropdown-nav-link-sm{color:#d1d5db;font-size:14px;font-weight:400;text-decoration:none;transition:all .3s ease;position:relative;display:block;padding:8px 0}.dropdown-nav-link-sm:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:#3b82f6;transition:width .3s ease}.dropdown-nav-link-sm:hover{color:#3b82f6;transform:translate(4px)}.dropdown-nav-link-sm:hover:after{width:100%}.solutions-dropdown{min-width:500px}.dropdown-solutions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:1rem}.hire-dropdown{min-width:400px}.dropdown-hire-cards{display:flex;flex-direction:column;gap:16px}.dropdown-hire-card{padding:20px;background:rgba(255,255,255,.05);border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;cursor:pointer}.dropdown-hire-card:hover{background:rgba(59,130,246,.1);border-color:#3b82f64d;transform:translateY(-2px)}.hire-card-content h4{color:#fff;font-size:16px;font-weight:600;margin-bottom:8px}.hire-card-content p{color:#9ca3af;font-size:14px;font-weight:400}.about-dropdown{min-width:800px;max-width:900px}.dropdown-about-section{display:flex;gap:40px;align-items:flex-start}.dropdown-about-left{flex:1;display:flex;flex-direction:column;gap:30px}.dropdown-about-nav{display:flex;flex-direction:column;gap:12px}.dropdown-nav-link-lg{color:#fff;font-size:24px;font-weight:300;text-decoration:none;transition:all .3s ease;position:relative}.dropdown-nav-link-lg:hover{color:#3b82f6;transform:translate(8px)}.dropdown-nav-link-lg:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:0;height:2px;background:#3b82f6;transition:width .3s ease}.dropdown-nav-link-lg:hover:before{width:8px}.dropdown-social-section{display:flex;flex-direction:column;gap:16px}.dropdown-social-text{display:flex;align-items:center;gap:12px;color:#fff;font-size:14px;font-weight:400}.dropdown-social-dot{width:8px;height:8px;background:#3b82f6;border-radius:50%;flex-shrink:0}.dropdown-social-icons{display:flex;gap:12px}.dropdown-social-icon{width:40px;height:40px;background: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;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.dropdown-social-icon:hover{background:#3b82f6;transform:translateY(-2px);box-shadow:0 8px 20px #3b82f64d}.dropdown-social-icon i{font-size:16px}.dropdown-legal-links{display:flex;flex-direction:column;gap:2px}.dropdown-legal-link{color:#9ca3af;font-size:14px;font-weight:300;text-decoration:none;transition:all .3s ease}.dropdown-legal-link:hover{color:#fff}.dropdown-about-right{flex:1}.dropdown-image-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dropdown-image-item{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:1;background:#1f2937}.dropdown-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:all .3s ease;filter:grayscale(100%)}.dropdown-image-item:hover .dropdown-image{filter:grayscale(0%);transform:scale(1.05)}.dropdown-image-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(59,130,246,.1),rgba(139,92,246,.1));opacity:0;transition:opacity .3s ease;z-index:1}.dropdown-image-item:hover:before{opacity:1}@media (max-width: 1024px){.dropdown-menu{display:none}}@media (max-width: 768px){.dropdown-menu{position:fixed;top:0;left:0;right:0;bottom:0;transform:none;margin:0;border-radius:0;min-width:auto;background:rgba(0,0,0,.98)}.dropdown-content{padding:60px 20px 20px;height:100%;overflow-y:auto}.services-dropdown .dropdown-content{display:flex;flex-direction:column}.dropdown-left{margin-bottom:30px}.dropdown-right{margin-left:0}.dropdown-services,.dropdown-solutions{grid-template-columns:1fr}.dropdown-about-section{flex-direction:column;gap:30px}.dropdown-image-grid{grid-template-columns:1fr 1fr;gap:12px}.dropdown-about-nav{gap:8px}.dropdown-nav-link-lg{font-size:18px}.dropdown-social-icons{gap:8px}.dropdown-social-icon{width:36px;height:36px}.dropdown-social-icon i{font-size:14px}}.hamburger-line{width:24px;height:2px;background-color:#374151;transition:all .3s ease;transform-origin:center}#mobile-menu-button.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(6px,6px)}#mobile-menu-button.active .hamburger-line:nth-child(2){opacity:0}#mobile-menu-button.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}#mobile-menu{backdrop-filter:blur(10px)}.mobile-menu-content{position:absolute;top:0;right:0;width:100%;height:100%;background:linear-gradient(180deg,#000000 0%,#1a1a1a 100%);display:flex;flex-direction:column;animation:slideInRight .3s ease-out;overflow-y:auto}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.mobile-menu-header{display:flex;justify-content:space-between;border-radius:0 0 20px 20px;align-items:center;padding-top:60px;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.9);backdrop-filter:blur(10px)}#mobile-menu.scrolled .mobile-menu-header{padding-top:70px}.mobile-logo{display:flex;align-items:center}.logo-icon-mobile{width:40px;height:40px;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border-radius:8px;position:relative;display:flex;align-items:center;justify-content:center}.logo-icon-mobile:before{content:"IK";color:#fff;font-weight:700;font-size:16px}.inquiry-btn{border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1));padding:.375rem .5rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.inquiry-btn:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}@media (min-width: 768px){.inquiry-btn{padding:.625rem 1.5rem;font-size:1rem;line-height:1.5rem;font-weight:500}}.mobile-close-btn{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:8px;border-radius:50%;transition:all .3s ease}.mobile-close-btn:hover{background:rgba(255,255,255,.1)}.mobile-menu-body{flex:1;padding:24px 24px 0;overflow-y:auto}.mobile-section{margin-bottom:40px}.mobile-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.mobile-section-title{color:#fff;font-size:16px;font-weight:600;margin:0}.mobile-view-all{color:#3b82f6;text-decoration:none;font-size:14px;font-weight:500;transition:all .3s ease}.mobile-view-all:hover{color:#60a5fa}.mobile-sidenav-buttons{display:flex;flex-wrap:wrap;gap:8px}.mobile-sidenav-btn{background:transparent;color:#fff;border:1px solid rgba(45,45,45);border-radius:30px;padding:10px 15px;font-size:14px;font-weight:300;cursor:pointer;transition:all .3s ease;white-space:nowrap;display:flex;align-items:center;justify-content:center;line-height:20px}.mobile-sidenav-btn:hover{background:rgba(255,255,255,.1);border-color:#3b82f6;color:#3b82f6}.mobile-hire-cards{display:flex;flex-direction:column;gap:16px}.mobile-hire-card{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border-radius:12px;padding:20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.mobile-hire-card: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 .6s ease}.mobile-hire-card:hover:before{left:100%}.mobile-hire-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f64d}.mobile-hire-content h4{color:#fff;font-size:16px;font-weight:600;margin:0 0 4px}.mobile-hire-content p{color:#fffc;font-size:14px;margin:0}.mobile-hire-icon{width:40px;height:40px;background:rgba(255,255,255,.2);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px}#main-header.scrolled .hamburger-line{background-color:#fff}.mobile-subsection-title{flex-basis:100%;color:#fff9;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-top:16px;margin-bottom:8px;padding-left:4px}.mobile-social-section{margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.mobile-social-text{display:flex;align-items:center;gap:8px;margin-bottom:12px}.mobile-social-dot{width:6px;height:6px;background:#3b82f6;border-radius:50%}.mobile-social-text span{color:#fffc;font-size:13px;font-weight:500}.mobile-social-icons{display:flex;gap:12px;flex-wrap:wrap}.mobile-social-icon{width:40px;height:40px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ffffffb3;font-size:16px;transition:all .3s ease;text-decoration:none}.mobile-social-icon:hover{background:rgba(59,130,246,.2);border-color:#3b82f6;color:#3b82f6;transform:translateY(-2px)}.mobile-legal-links{display:flex;gap:16px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.mobile-legal-link{color:#fff9;font-size:12px;font-weight:400;text-decoration:none;transition:all .3s ease}.mobile-legal-link:hover{color:#3b82f6}@media (max-width: 640px){.mobile-menu-content{width:100%}.mobile-sidenav-buttons{gap:6px}}.floating-shapes{position:absolute;width:100%;height:100%;overflow:hidden}.shape{position:absolute;border-radius:50%;background:linear-gradient(45deg,rgba(59,130,246,.1),rgba(139,92,246,.1));animation:float 20s infinite linear}.shape-1{width:80px;height:80px;top:10%;left:10%;animation-delay:0s}.shape-2{width:120px;height:120px;top:20%;right:15%;animation-delay:-5s}.shape-3{width:60px;height:60px;bottom:30%;left:20%;animation-delay:-10s}.shape-4{width:100px;height:100px;bottom:20%;right:25%;animation-delay:-15s}.shape-5{width:140px;height:140px;top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-8s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.gradient-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(139,92,246,.1) 0%,transparent 50%)}.about-badge{display:inline-block;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;padding:8px 20px;border-radius:25px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;box-shadow:0 4px 15px #3b82f64d}.about-title{font-size:4rem;font-weight:800;line-height:1.1;margin-bottom:20px}.about-subtitle{font-size:1.25rem;font-weight:300;color:#fffc;max-width:600px;margin:0 auto}.profile-card-modern{background:rgba(255,255,255,.05);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:32px;text-align:center;position:relative;overflow:hidden;transition:all .3s ease}.profile-card-modern:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#06b6d4)}.profile-card-modern:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000004d}.profile-image-wrapper{position:relative;margin-bottom:24px;display:inline-block}.profile-image-bg{position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:linear-gradient(45deg,#3b82f6,#8b5cf6,#06b6d4);border-radius:50%;opacity:.3;animation:rotate 10s linear infinite}.profile-image-modern{width:140px;height:140px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:4px solid rgba(255,255,255,.2);position:relative;z-index:2;transition:all .3s ease}.profile-image-modern:hover{transform:scale(1.05)}.profile-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:160px;height:160px;background:radial-gradient(circle,rgba(59,130,246,.3) 0%,transparent 70%);border-radius:50%;z-index:1;animation:pulse 3s ease-in-out infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-info-modern{text-align:center}.profile-name-modern{font-size:2rem;font-weight:700;color:#fff;margin:0 0 8px}.profile-role{font-size:1.125rem;color:#3b82f6;font-weight:600;margin:0 0 16px}.profile-location-modern{display:flex;align-items:center;justify-content:center;gap:8px;color:#ffffffb3;font-size:.875rem;margin-bottom:16px}.profile-location-modern i{color:#3b82f6}.profile-status-modern{display:flex;align-items:center;justify-content:center;gap:8px;color:#fffc;font-size:.875rem}.status-indicator{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse 2s infinite}.stats-container{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat-card-modern{background:rgba(255,255,255,.05);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.stat-card-modern:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#3b82f6,#8b5cf6)}.stat-card-modern:hover{transform:translateY(-4px);box-shadow:0 10px 25px #0003}.about-stat-icon{width:40px;height:40px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:30px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;color:#fff;font-size:18px}.stat-content{text-align:center}.stat-number-modern{font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:4px}.stat-label-modern{font-size:.875rem;color:#ffffffb3;font-weight:300}.experience-timeline{background:rgba(255,255,255,.05);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:32px;position:relative}.timeline-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:24px;text-align:center}.timeline-items{position:relative}.timeline-items:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#3b82f6,#8b5cf6)}.timeline-item{position:relative;margin-bottom:32px;padding-left:60px}.timeline-dot{position:absolute;left:12px;top:8px;width:16px;height:16px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;border:3px solid rgba(255,255,255,.1);z-index:2}.timeline-content h4{font-size:1.125rem;font-weight:600;color:#fff;margin:0 0 4px}.timeline-content p{font-size:.875rem;color:#3b82f6;margin:0 0 4px;font-weight:500}.timeline-content span{font-size:.75rem;color:#fff9}.skills-grid{background:rgba(255,255,255,.05);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:32px}.skills-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:24px;text-align:center}.skills-container{display:grid;gap:24px}.skill-category{background:rgba(255,255,255,.05);border-radius:16px;padding:24px;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.skill-category:hover{background:rgba(255,255,255,.08);transform:translateY(-4px);box-shadow:0 10px 25px #0003}.skill-category-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.skill-icon{width:48px;height:48px;border-radius:30px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;flex-shrink:0}.backend-skill{background:linear-gradient(135deg,#ef4444,#dc2626)}.frontend-skill{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.database-skill{background:linear-gradient(135deg,#10b981,#059669)}.devops-skill{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.skill-category-header h4{font-size:1.25rem;font-weight:600;color:#fff;margin:0}.tech-tags{display:flex;flex-wrap:wrap;gap:12px}.tech-tag{display:inline-block;padding:8px 16px;border-radius:20px;font-size:.875rem;font-weight:300;color:#fff;transition:all .3s ease;cursor:default;position:relative;overflow:hidden}.tech-tag:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.tech-tag:hover:before{left:100%}.tech-tag:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.tech-tag.laravel{background:linear-gradient(135deg,#ff2d20,#e74430)}.tech-tag.php{background:linear-gradient(135deg,#777bb4,#4f5d95)}.tech-tag.nodejs{background:linear-gradient(135deg,#68a063,#3e863d)}.tech-tag.livewire{background:linear-gradient(135deg,#4e56a6,#3b4c96)}.tech-tag.tailwind{background:linear-gradient(135deg,#06b6d4,#0891b2)}.tech-tag.bootstrap{background:linear-gradient(135deg,#7952b3,#6f42c1)}.tech-tag.jquery{background:linear-gradient(135deg,#0769ad,#064f7a)}.tech-tag.javascript{background:linear-gradient(135deg,#f7df1e,#d4b106);color:#000}.tech-tag.mysql{background:linear-gradient(135deg,#00758f,#005f73)}.tech-tag.postgresql{background:linear-gradient(135deg,#336791,#2c5aa0)}.tech-tag.redis{background:linear-gradient(135deg,#dc382d,#b91c1c)}.tech-tag.git{background:linear-gradient(135deg,#f05032,#d73a49)}.tech-tag.docker{background:linear-gradient(135deg,#2496ed,#1e7bb8)}.tech-tag.aws{background:linear-gradient(135deg,#ff9900,#e67e00)}.tech-tag.nginx{background:linear-gradient(135deg,#009639,#007a2e)}@media (max-width: 1024px){.about-title{font-size:3rem}.stats-container{grid-template-columns:repeat(3,1fr);gap:12px}.stat-card-modern{padding:16px}}@media (max-width: 768px){.about-title{font-size:2.5rem}.stats-container{grid-template-columns:1fr;gap:12px}.profile-image-modern{width:120px;height:120px}.timeline-items:before{left:15px}.timeline-item{padding-left:45px}.timeline-dot{left:7px;width:14px;height:14px}}.project-bg-shapes{position:absolute;width:100%;height:100%;overflow:hidden}.project-shape{position:absolute;border-radius:50%;background:linear-gradient(45deg,rgba(59,130,246,.05),rgba(139,92,246,.05));animation:projectFloat 25s infinite linear}.project-shape-1{width:200px;height:200px;top:10%;left:5%;animation-delay:0s}.project-shape-2{width:150px;height:150px;top:60%;right:10%;animation-delay:-8s}.project-shape-3{width:100px;height:100px;bottom:20%;left:20%;animation-delay:-15s}@keyframes projectFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(180deg)}}.project-badge{display:inline-block;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;padding:8px 20px;border-radius:25px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px #3b82f64d}.project-title{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:20px}.project-subtitle{font-size:1.25rem;color:#6b7280;max-width:600px;margin:0 auto}.project-card-modern{display:flex;flex-direction:column;justify-content:space-between;background:rgba(255,255,255,.9);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;overflow:hidden;transition:all .3s ease;position:relative;box-shadow:0 4px 20px #00000014}.project-card-modern:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#06b6d4);z-index:1}.project-card-modern:hover{transform:translateY(-8px);box-shadow:0 12px 40px #0000001f}.project-image-container{position:relative;height:200px;overflow:hidden}.project-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:all .4s ease}.project-card-modern:hover .project-image{transform:scale(1.1)}.project-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease}.project-card-modern:hover .project-overlay{opacity:1}.project-actions{display:flex;gap:16px}.project-action-btn{width:42px;height:42px;background:rgba(255,255,255,.2);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;transition:all .3s ease;text-decoration:none}.project-action-btn:hover{background:rgba(255,255,255,.3);transform:scale(1.1);color:#fff}.project-status{position:absolute;top:16px;right:16px;z-index:2}.status-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;box-shadow:0 4px 12px #10b9814d}.project-content{padding:18px}.project-header{margin-bottom:12px}.project-name{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0 0 6px;line-height:1.3}.project-type{font-size:.75rem;color:#3b82f6;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.project-description{font-size:13px;color:#6b7280;line-height:1.5;font-weight:300;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.project-technologies{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.project-tech-tag{display:inline-block;padding:4px 10px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#374151;border-radius:12px;font-size:.7rem;font-weight:500;transition:all .3s ease}.project-tech-tag:hover{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;transform:translateY(-2px)}.project-footer{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-top:1px solid rgba(0,0,0,.08)}.project-meta{display:flex;gap:16px}.project-date,.project-category{display:flex;align-items:center;gap:6px;font-size:.875rem;color:#6b7280}.project-date i,.project-category i{color:#3b82f6;font-size:12px}.project-link{display:flex;align-items:center;gap:6px;color:#3b82f6;font-weight:600;font-size:.8rem;text-decoration:none;transition:all .3s ease}.project-link:hover{color:#1d4ed8;transform:translate(4px)}.project-link i{transition:transform .3s ease}.project-link:hover i{transform:translate(4px)}.empty-projects{text-align:center;padding:80px 20px;background:rgba(255,255,255,.5);border-radius:24px;border:2px dashed rgba(0,0,0,.1)}.empty-icon{font-size:4rem;color:#d1d5db;margin-bottom:24px}.empty-title{font-size:1.5rem;font-weight:600;color:#6b7280;margin-bottom:12px}.empty-description{font-size:1rem;color:#9ca3af}.view-all-projects-btn{display:inline-flex;align-items:center;gap:12px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:16px 32px;border-radius:50px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 8px 25px #3b82f64d;position:relative;overflow:hidden}.view-all-projects-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.view-all-projects-btn:hover:before{left:100%}.view-all-projects-btn:hover{transform:translateY(-2px);box-shadow:0 12px 35px #3b82f666;color:#fff}.view-all-projects-btn i{transition:transform .3s ease}.view-all-projects-btn:hover i{transform:translate(4px)}@media (max-width: 1024px){.project-title{font-size:3rem}.project-image-container{height:200px}}@media (max-width: 768px){.project-title{font-size:2.5rem}.project-image-container{height:180px}.project-content{padding:20px}.project-footer{flex-direction:column;gap:16px;align-items:flex-start}.project-meta{flex-direction:column;gap:8px}}.github-bg-shapes{position:absolute;width:100%;height:100%;overflow:hidden}.github-shape{position:absolute;border-radius:50%;background:linear-gradient(45deg,rgba(59,130,246,.1),rgba(139,92,246,.1));animation:githubFloat 30s infinite linear}.github-shape-1{width:150px;height:150px;top:15%;left:8%;animation-delay:0s}.github-shape-2{width:200px;height:200px;top:50%;right:12%;animation-delay:-10s}.github-shape-3{width:100px;height:100px;bottom:25%;left:25%;animation-delay:-20s}@keyframes githubFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-25px) rotate(180deg)}}.github-badge{display:inline-block;background:linear-gradient(135deg,#24292e,#586069);color:#fff;padding:8px 20px;border-radius:25px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px #24292e4d}.section-title{font-size:1.875rem;line-height:2.25rem}@media (min-width: 768px){.section-title{font-size:3rem;line-height:1}}.section-title{font-weight:800;line-height:1.1;margin-bottom:20px}.section-subtitle{font-size:1rem;line-height:1.5rem}@media (min-width: 768px){.section-subtitle{font-size:1.125rem;line-height:1.75rem}}.section-subtitle{font-weight:300;color:#6b7280;max-width:600px;margin:0 auto}.github-card-modern{background:rgba(255,255,255,.9);backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.1);border-radius:20px;padding:24px;transition:all .4s ease;position:relative;box-shadow:0 8px 32px #0000001a;display:flex;flex-direction:column;height:100%;overflow:hidden}.github-card-modern:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#24292e,#586069,#0366d6);border-radius:20px 20px 0 0}.github-card-modern:hover{transform:translateY(-8px);box-shadow:0 20px 50px #00000026;border-color:#0366d64d}.github-card-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.github-repo-icon{width:48px;height:48px;background:linear-gradient(135deg,#24292e,#586069);border-radius:30px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;flex-shrink:0}.github-repo-info{flex:1;min-width:0}.github-repo-name{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0 0 8px;line-height:1.3;word-break:break-word}.github-repo-language{display:flex;align-items:center;gap:8px;font-size:.875rem;color:#6b7280}.language-dot{width:8px;height:8px;background:#0366d6;border-radius:50%;flex-shrink:0}.github-external-link{color:#9ca3af;font-size:16px;transition:all .3s ease;padding:8px;border-radius:8px;flex-shrink:0}.github-external-link:hover{color:#0366d6;background:rgba(3,102,214,.1)}.github-card-content{flex:1;margin-bottom:20px}.github-repo-description{font-size:.95rem;font-weight:300;color:#6b7280;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.github-card-stats{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap}.github-stat{display:flex;align-items:center;gap:6px;font-size:.875rem;color:#6b7280}.github-stat i{color:#0366d6;font-size:12px}.github-card-footer{margin-top:auto}.github-view-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:linear-gradient(135deg,#0366d6,#005cc5);color:#fff;padding:12px 20px;border-radius:30px;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden}.github-view-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.github-view-btn:hover:before{left:100%}.github-view-btn:hover{background:linear-gradient(135deg,#005cc5,#004c9f);transform:translateY(-2px);box-shadow:0 8px 25px #0366d64d;color:#fff}.github-view-btn i{transition:transform .3s ease}.github-view-btn:hover i{transform:translate(4px)}.empty-github{text-align:center;padding:80px 20px;background:rgba(0,0,0,.05);border-radius:24px;border:2px dashed rgba(0,0,0,.2)}.empty-github-icon{font-size:4rem;color:#d1d5db;margin-bottom:24px}.empty-github-title{font-size:1.5rem;font-weight:600;color:#6b7280;margin-bottom:12px}.empty-github-description{font-size:1rem;color:#9ca3af}.view-all-github-btn{display:inline-flex;align-items:center;gap:12px;background:linear-gradient(135deg,#24292e,#586069);color:#fff;padding:16px 32px;border-radius:50px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 8px 25px #24292e4d;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.view-all-github-btn: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 .6s ease}.view-all-github-btn:hover:before{left:100%}.view-all-github-btn:hover{background:linear-gradient(135deg,#0366d6,#005cc5);transform:translateY(-2px);box-shadow:0 12px 35px #0366d666;color:#fff;border-color:#0366d64d}.view-all-github-btn i:first-child{font-size:1.2rem}.view-all-github-btn i:last-child{transition:transform .3s ease}.view-all-github-btn:hover i:last-child{transform:translate(4px)}@media (max-width: 1024px){.github-title{font-size:3rem}.github-card-stats{gap:16px}}@media (max-width: 768px){.github-title{font-size:2.5rem}.github-card-modern{padding:20px}.github-card-header{gap:12px}.github-repo-icon{width:40px;height:40px;font-size:16px}.github-repo-name{font-size:1.125rem}.github-card-stats{gap:12px}.github-stat{font-size:.8rem}}.cv-modal-container{position:relative;max-width:500px;width:100%;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.cv-close-btn{position:absolute;top:-15px;right:-15px;width:40px;height:40px;background:white;border:none;border-radius:50%;box-shadow:0 4px 12px #00000026;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;font-size:16px;transition:all .3s ease;z-index:10}.cv-close-btn:hover{background:#f3f4f6;color:#374151;transform:scale(1.1)}.cv-modal-content{background:white;border-radius:20px;box-shadow:0 20px 40px #0000001a;overflow:hidden}.cv-header{background:linear-gradient(135deg,#3b82f6,#1d4ed8);padding:40px 30px 30px;text-align:center;color:#fff}.cv-icon{width:60px;height:60px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:24px;backdrop-filter:blur(10px)}.cv-title{font-size:1.75rem;font-weight:700;margin:0 0 10px}.cv-description{font-size:1rem;margin:0;opacity:.9;font-weight:300}.cv-form{padding:30px}.form-row{margin-bottom:20px}.form-group{display:flex;flex-direction:column}.form-label{font-size:.9rem;font-weight:600;color:#374151;margin-bottom:8px}.input-container,.textarea-container{position:relative}.input-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:16px;z-index:2}.textarea-container .input-icon{top:15px;transform:none}.form-input,.form-textarea{width:100%;padding:15px 15px 15px 45px;border:none;border-bottom:1px solid #e5e7eb;border-radius:0;font-size:14px;font-weight:300;color:#374151;background:transparent;transition:all .3s ease;outline:none}.form-textarea{padding:15px 15px 15px 45px;resize:vertical;min-height:100px;font-family:inherit}.form-input:focus,.form-textarea:focus{border-bottom-color:#3b82f6;background:transparent;box-shadow:none}.form-input:focus+.input-icon,.form-textarea:focus+.input-icon{color:#3b82f6}.form-input::-moz-placeholder,.form-textarea::-moz-placeholder{color:#9ca3af;font-weight:300;font-size:14px}.form-input::placeholder,.form-textarea::placeholder{color:#9ca3af;font-weight:300;font-size:14px}.form-actions{margin-top:30px}.submit-btn{width:100%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:16px 24px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease;position:relative;overflow:hidden}.submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.submit-btn:hover:before{left:100%}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f64d}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.cv-success-content{background:linear-gradient(145deg,#ffffff,#f8fafc);border-radius:32px;box-shadow:0 32px 64px #0000001f,0 0 0 1px #fffc,inset 0 1px #ffffffe6;max-width:480px;width:100%;padding:56px 40px 40px;text-align:center;position:relative;animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(16,185,129,.1)}.cv-success-icon-wrapper{position:relative;display:inline-block;margin-bottom:32px}.cv-success-icon{width:100px;height:100px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:40px;box-shadow:0 12px 35px #10b98166,0 0 0 1px #fff3;position:relative;z-index:2;animation:successPulse 2s ease-in-out infinite}@keyframes successPulse{0%,to{transform:scale(1);box-shadow:0 12px 35px #10b98166,0 0 0 1px #fff3}50%{transform:scale(1.05);box-shadow:0 16px 45px #10b98180,0 0 0 2px #ffffff4d}}.cv-success-particles{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;pointer-events:none}.particle{position:absolute;width:6px;height:6px;background:linear-gradient(135deg,#10b981,#34d399);border-radius:50%;animation:particleFloat 3s ease-in-out infinite}.particle-1{top:20%;left:20%;animation-delay:0s}.particle-2{top:20%;right:20%;animation-delay:.5s}.particle-3{bottom:20%;left:20%;animation-delay:1s}.particle-4{bottom:20%;right:20%;animation-delay:1.5s}@keyframes particleFloat{0%,to{transform:translateY(0) scale(1);opacity:.7}50%{transform:translateY(-20px) scale(1.2);opacity:1}}.cv-success-title{font-size:1.75rem;font-weight:800;color:#1f2937;margin:0 0 20px;letter-spacing:-.5px}.cv-success-message{font-size:1.1rem;color:#6b7280;line-height:1.6;margin:0 0 40px;font-weight:400}.cv-success-message span{font-weight:700;color:#667eea}.cv-success-actions{display:flex;justify-content:center}@media (max-width: 640px){.cv-modal-container{margin:16px;max-width:none}.cv-close-btn{top:-10px;right:-10px;width:35px;height:35px;font-size:14px}.cv-header{padding:30px 20px 25px}.cv-icon{width:50px;height:50px;font-size:20px;margin-bottom:15px}.cv-title{font-size:1.5rem}.cv-description{font-size:.9rem}.cv-form{padding:20px}.form-row{margin-bottom:15px}.form-input,.form-textarea{padding:12px 12px 12px 40px;font-size:.95rem}.form-textarea{padding-top:40px;min-height:80px}.input-icon{left:12px;font-size:14px}.textarea-container .input-icon{top:15px}.submit-btn{padding:14px 20px;font-size:.95rem}.cv-success-content{margin:16px;max-width:none;padding:40px 24px 32px;border-radius:24px}.cv-success-icon{width:80px;height:80px;font-size:32px}.cv-success-particles{width:100px;height:100px}.cv-success-title{font-size:1.5rem}.cv-success-message{font-size:1rem}}.language-switcher{position:relative}.lang-switch-btn{display:flex;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));align-items:center}.lang-switch-btn>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.lang-switch-btn{border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));padding:.5rem 1rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transition:all .3s ease}footer .lang-switch-btn.space-x-4 a{position:relative;overflow:hidden;border-radius:8px;transition:all .3s ease}footer .lang-switch-btn.space-x-4 a: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}footer .lang-switch-btn.space-x-4 a:hover:before{left:100%}footer .lang-switch-btn.space-x-4 a:hover{transform:translateY(-2px) scale(1.1);color:#3b82f6}.lang-switch-btn:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.lang-switch-btn:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px }.lang-switch-btn{font-size:14px;font-weight:500;text-decoration:none;position:relative;overflow:hidden}.lang-switch-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),transparent);transition:left .5s}.lang-switch-btn:hover:before{left:100%}.lang-current{font-weight:600;--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.lang-arrow{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1));transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;font-size:12px}.lang-switch-btn:hover .lang-arrow{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.lang-target{font-weight:500}#main-header.scrolled .lang-switch-btn{background-color:#ffffff1a;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));--tw-backdrop-blur: blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}#main-header.scrolled .lang-switch-btn:hover{background-color:#fff3}#main-header.scrolled .lang-current{--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}#main-header.scrolled .lang-arrow{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}#main-header.scrolled .lang-switch-btn:hover .lang-arrow{--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}#main-header.scrolled .lang-target{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}@media (max-width: 1023px){.language-switcher{order:-9999}.lang-switch-btn{padding:.375rem .75rem;font-size:.875rem;line-height:1.25rem}.lang-arrow{font-size:.75rem;line-height:1rem}}.mobile-lang-compact{display:flex;align-items:center;justify-content:center;border-top-width:1px;border-color:#37415180;padding:1rem}footer .mobile-lang-compact.space-x-4 a{position:relative;overflow:hidden;border-radius:8px;transition:all .3s ease}footer .mobile-lang-compact.space-x-4 a: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}footer .mobile-lang-compact.space-x-4 a:hover:before{left:100%}footer .mobile-lang-compact.space-x-4 a:hover{transform:translateY(-2px) scale(1.1);color:#3b82f6}footer .mobile-lang-compact p{transition:all .3s ease}footer .mobile-lang-compact:hover p{color:#6b7280;transform:scale(1.02)}.mobile-lang-compact{margin-top:auto}.mobile-lang-compact-btn{display:flex;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));align-items:center}.mobile-lang-compact-btn>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.mobile-lang-compact-btn{border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));padding:.5rem 1rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transition:all .3s ease}footer .mobile-lang-compact-btn.space-x-4 a{position:relative;overflow:hidden;border-radius:8px;transition:all .3s ease}footer .mobile-lang-compact-btn.space-x-4 a: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}footer .mobile-lang-compact-btn.space-x-4 a:hover:before{left:100%}footer .mobile-lang-compact-btn.space-x-4 a:hover{transform:translateY(-2px) scale(1.1);color:#3b82f6}.mobile-lang-compact-btn:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.mobile-lang-compact-btn:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px }.mobile-lang-compact-btn{font-size:14px;font-weight:500;text-decoration:none;position:relative;overflow:hidden}.mobile-lang-compact-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),transparent);transition:left .5s}.mobile-lang-compact-btn:hover:before{left:100%}.mobile-lang-compact-flag{font-weight:600;--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1));font-size:18px;line-height:1}.mobile-lang-arrow{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1));transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;font-size:12px}.mobile-lang-compact-btn:hover .mobile-lang-arrow{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.mobile-lang-target{font-weight:500}.mobile-lang-compact-text{font-weight:600;--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}@media (max-width: 640px){.mobile-lang-compact{padding:.75rem}.mobile-lang-compact-btn{padding:.375rem .75rem;font-size:.875rem;line-height:1.25rem}.mobile-lang-compact-flag{font-size:16px}.mobile-lang-arrow{font-size:.75rem;line-height:1rem}}