.work-page{color:#e2e8f0;background:#060c18;min-height:100vh;padding-top:90px}.work-hero{text-align:center;background:linear-gradient(#091326 0%,#060c18 100%);border-bottom:1px solid #38bdf81f;padding:80px 8% 48px;position:relative;overflow:hidden}.work-hero:before{content:"";opacity:.4;pointer-events:none;background-image:radial-gradient(#38bdf826 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0}.work-hero-title{color:#f8fafc;margin:10px 0 16px;font-size:clamp(2.4rem,5vw,3.8rem);font-weight:800;line-height:1.15;position:relative}.work-accent{color:#38bdf8;background:linear-gradient(135deg,#38bdf8,#818cf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.work-hero-sub{color:#94a3b8;max-width:600px;margin:0 auto;font-size:1.1rem;line-height:1.7;position:relative}.work-filter-bar{flex-wrap:wrap;justify-content:center;gap:12px;padding:40px 8% 8px;display:flex}.work-filter-btn{color:#94a3b8;cursor:pointer;background:#0b1528;border:1.5px solid #94a3b829;border-radius:100px;padding:10px 24px;font-family:inherit;font-size:.88rem;font-weight:600;transition:all .25s;box-shadow:0 4px 14px #0003}.work-filter-btn:hover{color:#38bdf8;border-color:#38bdf8;transform:translateY(-2px);box-shadow:0 4px 18px #38bdf833}.work-filter-btn.active{color:#fff;background:linear-gradient(135deg,#38bdf8,#818cf8);border-color:#38bdf8;box-shadow:0 4px 20px #38bdf859}.work-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:32px;max-width:1400px;margin:0 auto;padding:40px 8% 80px;display:grid}.work-card{background:#0b1528;border:1px solid #94a3b824;border-radius:18px;flex-direction:column;transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .35s,box-shadow .35s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000059}.work-card:hover{border-color:#38bdf873;transform:translateY(-6px);box-shadow:0 20px 45px #02061780,0 0 30px #38bdf82e}.work-card-img-wrap{aspect-ratio:16/9;background:#070e1c;position:relative;overflow:hidden}.work-card-img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.work-card:hover .work-card-img{transform:scale(1.05)}.work-card-category{color:#38bdf8;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#081226d9;border:1px solid #38bdf859;border-radius:100px;padding:5px 14px;font-size:.72rem;font-weight:700;position:absolute;top:14px;left:14px}.work-card-body{flex-direction:column;flex:1;gap:10px;padding:24px 26px 28px;display:flex}.work-card-client{text-transform:uppercase;letter-spacing:.1em;color:#38bdf8;font-size:.78rem;font-weight:600}.work-card-title{color:#f8fafc;font-size:1.2rem;font-weight:700;line-height:1.35}.work-card-summary{color:#94a3b8;font-size:.9rem;line-height:1.65}.work-card-tags{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.work-tag{color:#38bdf8;background:#38bdf81f;border:1px solid #38bdf838;border-radius:6px;padding:4px 12px;font-size:.75rem;font-weight:600}.work-card-btn{color:#38bdf8;align-items:center;gap:6px;width:fit-content;margin-top:10px;font-size:.9rem;font-weight:700;text-decoration:none;transition:gap .2s,color .2s;display:inline-flex}.work-card-btn:hover{color:#7dd3fc;gap:10px}.work-empty{text-align:center;color:#64748b;padding:60px 20px;font-size:1rem}@media (max-width:768px){.work-hero{padding:60px 6% 36px}.work-filter-bar{gap:10px;padding:30px 6% 4px}.work-filter-btn{padding:8px 18px;font-size:.82rem}.work-grid{grid-template-columns:1fr;gap:24px;padding:32px 6% 60px}}@media (max-width:480px){.work-hero-title{font-size:2rem}}