.work-page{background:linear-gradient(#0f172a,#050816,#000);width:100%;min-height:100vh;padding:100px 5%}.work-section{max-width:1200px;margin:auto}.work-heading{text-align:center;margin-bottom:50px}.work-heading h1{color:#fff;font-size:48px;font-weight:700}.work-heading p{color:#bdbdbd;margin-top:10px;font-size:18px}.work-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.work-card{background:#fff;border:1px solid #0ea5e933;border-radius:20px;transition:all .3s;overflow:hidden;box-shadow:0 10px 30px #0006}.work-image{width:100%;height:340px;position:relative;overflow:hidden}.work-image img{object-fit:cover;transition:all .5s}.work-content{padding:25px}.work-content h3{color:#050505;margin-bottom:10px;font-size:24px}.work-content p{color:#555;line-height:1.6}.view-btn{color:#fff;background:#0ea5e9;border-radius:30px;width:fit-content;margin:20px auto 0;padding:12px 28px;font-weight:600;text-decoration:none;transition:all .3s;display:block}.view-btn:hover{background:#0284c7;transform:translateY(-3px)}@media (max-width:992px){.work-grid{grid-template-columns:repeat(2,1fr)}.work-heading h1{font-size:40px}}@media (max-width:768px){.work-page{padding:70px 20px}.work-grid{grid-template-columns:1fr;gap:20px}.work-heading h1{font-size:32px}.work-heading p{font-size:16px}.work-image{height:440px}}