.works-section{position:relative;z-index:10;max-width:1100px;margin:0 auto;padding:40px 40px 100px}.works-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:10px}.work-card{background:#07091c;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;transition:border-color .3s ease,transform .3s ease;cursor:pointer}.work-card:hover{border-color:#ffffff26;transform:translateY(-3px)}.work-card-image{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden;background:#0d0f20;border-radius:14px 14px 0 0}.work-card-image.purple-bg{background:linear-gradient(135deg,#2a0050,#6b21a8,#9333ea)}.work-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;display:block;z-index:2;transition:transform .4s ease}.work-card:hover .work-img{transform:scale(1.03)}.work-img-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1;padding:16px}.work-card-image:not(.img-fallback) .work-img-placeholder{display:none}.work-card-image.img-fallback .work-img{display:none}.work-card-image.img-fallback .work-img-placeholder{display:flex}.laptop-gray{background:#b0b0b0}.laptop-dark{background:#1a1a2e}.laptop-purple{background:linear-gradient(135deg,#2a0050,#9333ea)}.laptop-screen{width:82%;background:#f5f5f5;border-radius:6px 6px 0 0;padding:10px 10px 6px;border:2px solid rgba(0,0,0,.2);position:relative}.laptop-dark .laptop-screen{background:#1e2030;border-color:#ffffff1a}.laptop-purple .laptop-screen{background:#f0eeff;border-color:#fff3}.screen-content{display:flex;flex-direction:column;gap:5px;align-items:flex-start;padding:4px}.sc-bar{width:100%;height:5px;background:#0000001a;border-radius:3px;margin-bottom:4px}.laptop-dark .sc-bar{background:#ffffff1a}.sc-title{font-size:7px;font-weight:700;color:#111;line-height:1.4;text-align:left}.laptop-dark .sc-title{color:#eee}.laptop-purple .sc-title{color:#333}.sc-btn{width:32px;height:6px;border-radius:3px;margin-top:4px}.sc-btn.orange{background:#f60}.sc-btn.blue{background:#2563eb}.sc-btn.black{background:#111}.sc-btn.purple{background:#7c3aed}.laptop-base{width:88%;height:8px;background:#00000040;border-radius:0 0 6px 6px}.laptop-gray .laptop-base{background:#0000004d}.laptop-dark .laptop-base{background:#00000080}.laptop-purple .laptop-base{background:#0000004d}.view-projects-btn{position:absolute;top:16px;right:16px;z-index:10;display:inline-flex;align-items:center;gap:6px;background:#0a0c1ed9;border:1px solid rgba(255,255,255,.14);color:#ffffffd9;text-decoration:none;padding:9px 16px;border-radius:50px;font-size:12.5px;font-weight:500;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .25s ease;letter-spacing:.2px}.view-projects-btn:hover{background:#1a5cffd9;border-color:#1a5cff80;color:#fff}.view-projects-btn svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2}.work-card-info{padding:18px 18px 20px}.work-card-title-row{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.work-title{font-size:14.5px;font-weight:700;color:#ffffffe6;letter-spacing:.1px;line-height:1.3}.work-tag{display:inline-block;font-size:10.5px;font-weight:500;padding:3px 10px;border-radius:20px;letter-spacing:.2px;flex-shrink:0}.work-tag.agency,.work-tag.saas{background:#1e50c82e;color:#69f;border:1px solid rgba(60,100,255,.25)}.work-tag.waitlist{background:#643cc82e;color:#a8f;border:1px solid rgba(120,80,255,.25)}.work-desc{font-size:12.5px;color:#ffffff5c;line-height:1.65;font-weight:400}.works-cta-wrap{display:flex;justify-content:center;margin-top:48px}.works-cta-btn{display:inline-flex;align-items:center;gap:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.14);color:#fffc;text-decoration:none;padding:13px 32px;border-radius:50px;font-size:14px;font-weight:500;letter-spacing:.3px;backdrop-filter:blur(8px);transition:all .25s ease}.works-cta-btn:hover{background:#1a5cff26;border-color:#1a5cff66;color:#fff;transform:translateY(-2px)}@media (max-width: 768px){.works-grid{grid-template-columns:1fr;gap:16px}.works-section{padding:30px 20px 70px}.view-projects-btn{top:12px;right:12px;font-size:11px;padding:7px 13px}.work-title{font-size:13.5px}}@media (max-width: 480px){.works-section{padding:20px 16px 60px}.work-card-info{padding:14px 14px 16px}.works-cta-btn{font-size:13px;padding:11px 24px}}