.webDevPage{color:#111;background:#fff;font-family:Inter,sans-serif;overflow:hidden}.container{max-width:1280px;margin:auto;padding:0 24px}.heroSection{background:linear-gradient(135deg,#f8fafc 0%,#fff 50%,#f5f7fa 100%);align-items:center;min-height:100vh;display:flex;position:relative}.heroBg{filter:blur(100px);background:#ff6b0014;border-radius:50%;width:700px;height:700px;position:absolute;top:-200px;right:-200px}.heroContent{z-index:2;max-width:760px;position:relative}.miniTitle{color:#ff6b00;letter-spacing:2px;margin-bottom:24px;font-size:13px;font-weight:600;display:inline-block}.heroContent h1{letter-spacing:-4px;margin-bottom:28px;font-size:82px;font-weight:600;line-height:1}.heroContent p{color:#555;max-width:620px;font-size:20px;line-height:1.9}.aboutSection{padding:80px 0}.aboutGrid{grid-template-columns:1fr 1fr;align-items:center;gap:100px;display:grid}.aboutImage{position:relative}.aboutImage:before{content:"";z-index:-1;border:1px solid #00000014;border-radius:30px;width:100%;height:100%;position:absolute;top:25px;left:-25px}.aboutImage img{border-radius:30px;width:100%;box-shadow:0 25px 80px #00000014}.sectionTag{color:#ff6b00;letter-spacing:2px;text-transform:uppercase;margin-bottom:22px;font-size:13px;font-weight:600;display:inline-block}.aboutContent h2{letter-spacing:-2px;margin-bottom:28px;font-size:56px;line-height:1.1}.aboutContent p{color:#555;margin-bottom:22px;font-size:17px;line-height:1.9}.showcaseSection{padding:20px 0}.headingCenter{text-align:center;margin-bottom:70px}.headingCenter h2{letter-spacing:-2px;font-size:60px}.showcaseGrid{grid-template-columns:repeat(4,1fr);gap:28px;display:grid}.projectCard{cursor:pointer;background:#000;border-radius:28px;height:428px;position:relative;overflow:hidden}.projectCard:after{content:"";z-index:4;pointer-events:none;border:1px solid #ffffff1f;border-radius:28px;position:absolute;inset:0}.projectCard img{object-fit:cover;width:100%;height:100%;transition:all 1s cubic-bezier(.2,.65,.3,.9)}.overlay{background:linear-gradient(#0000 0%,#0000001f 25%,#0000008c 60%,#000000eb 95%);align-items:flex-end;padding:40px;transition:all .6s;display:flex;position:absolute;inset:0}.overlayContent{opacity:0;transition:all 1s cubic-bezier(.2,.65,.3,.9);transform:translateY(50px)}.overlayContent h3{color:#fff;margin-bottom:12px;font-size:36px}.overlayContent p{color:#ffffffd9;font-size:17px;line-height:1.8}.projectCard:hover img{transform:scale(1.08)}.projectCard:hover .overlay{background:linear-gradient(#0003 0%,#ff6b00b8 60%,#ff6b00f2 100%)}.projectCard:hover .overlayContent{opacity:1;transform:translateY(0)}@media (max-width:1100px){.aboutGrid,.contentWrapper{grid-template-columns:1fr}.contentLeft{position:relative;top:0}.showcaseGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.heroSection{min-height:auto;padding:140px 0 100px}.heroContent h1{letter-spacing:-2px;font-size:46px}.heroContent p{font-size:16px}.aboutContent h2,.contentLeft h2,.headingCenter h2{font-size:36px}.showcaseGrid{grid-template-columns:1fr}.projectCard{height:480px}}