.security-list{display:flex;flex-direction:column;gap:20px}.security-item{display:flex;align-items:flex-start;gap:18px;padding:22px;background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:.3s ease}.security-item:hover{transform:translateY(-5px);border-color:#0a4adf2e;box-shadow:var(--shadow-md)}.security-icon{width:56px;height:56px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:16px;background:#0a4adf14;color:var(--primary);font-size:24px}.security-item h5{margin-bottom:8px}.security-item p{margin:0;color:var(--muted)}.web-development .web-hero{position:relative;overflow:hidden}.web-development .web-hero:before{content:"";position:absolute;width:500px;height:500px;top:-200px;right:-150px;background:radial-gradient(circle,rgba(var(--primary-rgb),.25),transparent 70%);filter:blur(20px);animation:webPulse 6s infinite alternate}.web-development .web-highlight{color:var(--primary)}.web-development .web-hero .cta-btn{background:#fff;color:var(--heading)}.web-development .web-hero .cta-btn:hover{background:var(--primary);color:#fff}.web-development .web-code-window{position:relative;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:24px;padding:25px;box-shadow:0 30px 80px #00000059;animation:webFloat 5s ease-in-out infinite}.web-development .web-code-window pre{margin:0;color:var(--hero-text);font-family:Fira Code,monospace;line-height:1.8;font-size:1rem}.web-development .web-code-window .window-header{display:flex;align-items:center;gap:8px;margin-bottom:25px}.web-development .web-code-window .window-header span{width:12px;height:12px;display:block;border-radius:50%;transition:.3s}.web-development .web-code-window .window-header span:nth-child(1){background:#ef4444;box-shadow:0 0 12px #ef4444cc}.web-development .web-code-window .window-header span:nth-child(2){background:#f59e0b;box-shadow:0 0 12px #f59e0bcc}.web-development .web-code-window .window-header span:nth-child(3){background:#22c55e;box-shadow:0 0 12px #22c55ecc}.web-development .web-code-window .window-header span:hover{transform:scale(1.25)}.web-development .web-development .site-cta{padding:80px 0}.web-development .web-development .site-cta .cta-box{max-width:1000px;margin:0 auto;padding:55px 60px}.web-development .web-tech-cloud{display:flex;flex-wrap:wrap;gap:12px;margin-top:35px}.web-development .web-tech-cloud span{padding:8px 18px;border-radius:50px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#46e78c;font-size:.9rem;transition:.3s}.web-development .web-tech-cloud span:hover{transform:translateY(-5px);border:var(--primary-soft);color:var(--primary)}.web-development .web-stat{height:100%;padding:35px;border-radius:20px;background:var(--card-bg);border:1px solid var(--card-border);transition:.35s}.web-development .web-stat i{font-size:2rem;color:var(--primary);margin-bottom:20px}.web-development .web-stat h3{font-size:1.1rem;color:var(--heading);margin:0}.web-development .web-stat:hover{transform:translateY(-10px);box-shadow:0 25px 50px #0000001f}.web-development .web-service-card{height:100%;overflow:hidden;border-radius:24px;background:var(--surface-1);border:1px solid var(--border);transition:.4s}.web-development .web-service-card .web-service-image{height:240px;display:flex;align-items:center;justify-content:center;padding:30px;background:var(--surface-2);border-bottom:1px solid var(--border);overflow:hidden}.web-development .web-service-card .web-service-image img{max-width:100%;max-height:170px;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;border-radius:16px;transition:.5s}.web-development .web-service-card .p-4{padding:28px!important}.web-development .web-service-card h3{color:var(--heading);font-size:1.35rem;margin-bottom:12px}.web-development .web-service-card p{color:var(--muted);line-height:1.7;margin-bottom:0}.web-development .web-service-card:hover{transform:translateY(-12px);box-shadow:var(--shadow-lg)}.web-development .web-service-card:hover .web-service-image img{transform:scale(1.08)}.web-development .web-process-section{position:relative;overflow:hidden;background:radial-gradient(circle at top left,rgba(var(--primary-rgb),.18),transparent 45%),#071827;color:#fff}.web-development .web-process-section:before{content:"";position:absolute;width:600px;height:600px;top:-250px;right:-200px;background:radial-gradient(circle,rgba(var(--primary-rgb),.25),transparent 70%);filter:blur(40px)}.web-development .web-process-section .web-process{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:25px}.web-development .web-process-section .web-process-card{position:relative;padding:35px 25px;text-align:center;border-radius:24px;background:linear-gradient(145deg,#ffffff1a,#ffffff08);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:.4s}.web-development .web-process-section .web-process-card .process-number{font-size:2rem;font-weight:800;color:#ffffff59;text-shadow:0 0 18px rgba(var(--primary-rgb),.45);position:absolute;top:20px;right:20px;line-height:1;letter-spacing:-1px}.web-development .web-process-section .web-process-card .process-icon{width:70px;height:70px;display:flex;align-items:center;justify-content:center;margin:25px auto;border-radius:22px;background:linear-gradient(145deg,rgba(var(--primary-rgb),.35),rgba(var(--primary-rgb),.12));border:1px solid rgba(var(--primary-rgb),.45);color:#fff;font-size:1.9rem;box-shadow:0 10px 30px rgba(var(--primary-rgb),.25);transition:.35s}.web-development .web-process-section .web-process-card h3{color:var(--heading);margin-bottom:15px}.web-development .web-process-section .web-process-card p{color:var(--muted);font-size:.95rem;line-height:1.7}.web-development .web-process-section .web-process-card:hover{transform:translateY(-12px);border-color:rgba(var(--primary-rgb),.5);box-shadow:0 25px 60px #00000059}.web-development .web-process-section .web-process-card:hover .process-icon{transform:scale(1.1)}.web-development .web-process-section .web-process-stats{margin-top:70px;display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.web-development .web-process-section .web-process-stats div{position:relative;overflow:hidden;text-align:center;padding:35px 25px;border-radius:24px;background:linear-gradient(145deg,#ffffff1a,#ffffff0a);border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px #ffffff14,0 20px 40px #00000040;transition:.35s}.web-development .web-process-section .web-process-stats div:before{content:"";position:absolute;width:120px;height:120px;top:-60px;right:-60px;background:radial-gradient(circle,rgba(var(--primary-rgb),.35),transparent 70%)}.web-development .web-process-section .web-process-stats div:hover{transform:translateY(-8px);border-color:rgba(var(--primary-rgb),.45);box-shadow:0 25px 60px #00000059,0 0 30px rgba(var(--primary-rgb),.18)}.web-development .web-process-section .web-process-stats strong{position:relative;display:block;font-size:2.8rem;font-weight:800;color:#fff;line-height:1.2;margin-bottom:8px}.web-development .web-process-section .web-process-stats span{position:relative;color:#b8c7d9;font-size:.95rem;letter-spacing:.3px}@media (max-width: 992px){.web-development .web-process-section .web-process-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.web-development .web-process-section .web-process-stats{grid-template-columns:1fr}}@media (max-width: 992px){.web-development .web-process-section .web-process,.web-development .web-process-section .web-process-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.web-development .web-process-section .web-process,.web-development .web-process-section .web-process-stats{grid-template-columns:1fr}}.web-development .web-glow{position:relative}.web-development .web-glow img{width:100%;border-radius:30px;position:relative;z-index:2}.web-development .web-glow:before{content:"";position:absolute;top:20px;right:20px;bottom:20px;left:20px;background:var(--primary);filter:blur(80px);opacity:.35}.web-development .web-why-section .web-trust-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:35px}.web-development .web-why-section .trust-box{padding:24px;border-radius:20px;background:var(--surface-1);border:1px solid var(--border);text-align:center;transition:.35s}.web-development .web-why-section .trust-box strong{display:block;font-size:2rem;color:var(--primary);margin-bottom:8px}.web-development .web-why-section .trust-box span{color:var(--muted)}.web-development .web-why-section .trust-box:hover{transform:translateY(-8px);box-shadow:var(--shadow-md)}.web-development .web-workspace{position:relative;background:linear-gradient(160deg,#071827,#10263d);border-radius:28px;padding:30px;overflow:hidden;box-shadow:0 30px 70px #00000040}.web-development .workspace-header{display:flex;gap:10px;margin-bottom:25px}.web-development .workspace-header span{width:12px;height:12px;border-radius:50%}.web-development .workspace-header span:nth-child(1){background:#ef4444}.web-development .workspace-header span:nth-child(2){background:#f59e0b}.web-development .workspace-header span:nth-child(3){background:#22c55e}.web-development .web-workspace img{width:100%;border-radius:18px;transition:.5s}.web-development .workspace-badges{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:25px}.web-development .workspace-badge{display:flex;align-items:center;gap:12px;padding:16px;border-radius:16px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:.35s}.web-development .workspace-badge i{color:#7db8ff;font-size:1.2rem}.web-development .workspace-badge:hover{transform:translateY(-5px);background:rgba(var(--primary-rgb),.18)}.web-development .web-workspace:hover img{transform:scale(1.04)}.web-development .web-why-list .security-item{opacity:0;animation:fadeUp .7s forwards}.web-development .web-why-list .security-item:nth-child(1){animation-delay:.1s}.web-development .web-why-list .security-item:nth-child(2){animation-delay:.2s}.web-development .web-why-list .security-item:nth-child(3){animation-delay:.3s}.web-development .web-why-list .security-item:nth-child(4){animation-delay:.4s}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.web-development .web-trust-grid,.web-development .workspace-badges{grid-template-columns:1fr}}.web-development .web-showcase{background:linear-gradient(160deg,#071827,#10263d);border-radius:28px;padding:30px;overflow:hidden;box-shadow:0 30px 70px #00000040}.web-development .web-showcase-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:30px}.web-development .showcase-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:22px;text-align:center;transition:.35s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.web-development .showcase-card img{width:100%;max-width:170px;height:120px;-o-object-fit:contain;object-fit:contain;margin:0 auto 18px;transition:.4s}.web-development .showcase-card h4{color:#fff;font-size:1.15rem;margin-bottom:10px}.web-development .showcase-card p{color:#b8c7d9;font-size:.9rem;margin:0;line-height:1.6}.web-development .showcase-card:hover{transform:translateY(-10px);border-color:rgba(var(--primary-rgb),.45);box-shadow:0 15px 35px #00000040}.web-development .showcase-card:hover img{transform:scale(1.08)}@media (max-width: 768px){.web-development .web-showcase-grid{grid-template-columns:1fr}}@keyframes webFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes webPulse{0%{transform:scale(1);opacity:.5}to{transform:scale(1.2);opacity:1}}@media (max-width: 992px){.web-development .web-process{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.web-development .web-code-window{padding:20px}.web-development .web-code-window pre{font-size:.8rem}.web-development .web-process{grid-template-columns:1fr}.web-development .web-tech-cloud{justify-content:center}}
