.work-page{min-height:100vh}.work-hero{background:#111;padding:0;text-align:center}.work-hero h1{font-size:3rem;color:#fff;margin-bottom:1rem}.work-hero .lead{font-size:1.5rem;color:#fff;font-weight:600;margin-bottom:1rem}.work-hero .subtitle{font-size:1.125rem;color:#fff;opacity:.95;max-width:700px;margin:0 auto;line-height:1.8}.projects-section{padding:4rem 0;background:#fff}.projects-section h2{text-align:center;font-size:2rem;color:#1c1c1c;margin-bottom:3rem}.projects-list{display:flex;flex-direction:column;gap:2rem;max-width:1000px;margin:0 auto}.project-card{background:#fff;border:1px solid #BDBDBD;border-radius:8px;border-left:4px solid #2F80ED;padding:2.5rem;transition:all .3s ease;position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#2f80ed,#56ccf2)}.project-card:hover{box-shadow:0 8px 25px #2f80ed33;border-left-color:#56ccf2;transform:translateY(-2px)}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;flex-wrap:wrap;gap:1rem}.project-card h3{font-size:1.5rem;color:#1c1c1c;margin:0}.project-duration{color:#666;font-size:.875rem;background:#f8f9fa;padding:.25rem .75rem;border-radius:4px}.project-client{color:#2f80ed;font-weight:600;margin-bottom:1rem;font-size:1rem;text-transform:uppercase;letter-spacing:.5px}.project-description{color:#666;line-height:1.8;margin-bottom:1.5rem;font-size:1.125rem}.project-highlights{margin-bottom:1.5rem}.project-highlights h4{font-size:1rem;color:#1c1c1c;margin-bottom:.75rem}.project-highlights ul{list-style:none;padding:0;margin:0}.project-highlights li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:#666;line-height:1.6}.project-highlights li:before{content:"✓";position:absolute;left:0;color:#56ccf2;font-weight:700}.project-tech{margin-bottom:1.5rem}.project-tech h4{font-size:1rem;color:#1c1c1c;margin-bottom:.75rem}.tech-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{background:#f8f9fa;color:#1c1c1c;padding:.25rem .75rem;border-radius:4px;font-size:.875rem;border:1px solid #BDBDBD}.project-link{color:#2f80ed;text-decoration:none;font-weight:600;display:inline-block;transition:color .3s ease}.project-link:hover{color:#56ccf2;text-decoration:underline}.skills-section{padding:4rem 0;background:#f8f9fa}.skills-section h2{text-align:center;font-size:2rem;color:#1c1c1c;margin-bottom:3rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1000px;margin:0 auto}.skill-category{background:#fff;padding:1.5rem;border-radius:8px;border:1px solid #BDBDBD}.skill-category h3{font-size:1.25rem;color:#1c1c1c;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #56CCF2}.skill-tags{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{background:#2f80ed;color:#fff;padding:.25rem .75rem;border-radius:4px;font-size:.875rem;transition:background .3s ease}.skill-tag:hover{background:#56ccf2;color:#1c1c1c}.final-cta{padding:5rem 0;background:#10141c;color:#fff;text-align:center}.final-cta h2{font-size:2rem;margin-bottom:1rem}.final-cta p{font-size:1.125rem;margin-bottom:2rem;max-width:700px;margin-left:auto;margin-right:auto}.final-cta .btn-primary{background:#56ccf2;color:#1c1c1c}.final-cta .btn-primary:hover{background:#2f80ed;color:#fff}.container{max-width:1200px;margin:0 auto;padding:0 2rem}@media (max-width: 768px){.work-hero h1{font-size:2rem}.work-hero .lead{font-size:1.25rem}.project-header{flex-direction:column;align-items:flex-start}.skills-grid{grid-template-columns:1fr}.project-card{padding:1.5rem}}.section-overline{display:block;text-align:center;font-size:.8rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#2f80ed;margin-bottom:.9rem}.work-section-headline{text-align:center;font-size:clamp(2rem,3vw,2.9rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;color:#10141c;margin-bottom:2.4rem}.process-accent{background:linear-gradient(120deg,#2f80ed,#56ccf2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.work-row{display:grid;grid-template-columns:120px 1fr;gap:2.5rem;padding:3rem 0;border-bottom:1px solid #EEF1F5}.work-row:last-child{border-bottom:none}.work-row-num{font-size:4.2rem;font-weight:800;letter-spacing:-.03em;line-height:.9;background:linear-gradient(160deg,#2f80ed47,#56ccf21f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;position:sticky;top:120px;align-self:start}.work-row-title{font-size:clamp(1.4rem,2vw,1.85rem);font-weight:800;letter-spacing:-.015em;color:#10141c;margin-bottom:.35rem}.work-row-meta{font-size:.88rem;font-weight:600;color:#6b7686;margin-bottom:1rem}.work-row-desc{color:#5a6472;line-height:1.7;max-width:72ch;margin-bottom:1.5rem}.work-row-highlights h4{font-size:.8rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#2f80ed;margin-bottom:.8rem}.work-row-highlights ul{list-style:none;margin:0 0 1.4rem;padding:0}.work-row-highlights li{position:relative;padding-left:1.4rem;margin-bottom:.5rem;color:#444c58;line-height:1.55;font-size:.96rem}.work-row-highlights li:before{content:"";position:absolute;left:0;top:.5em;width:8px;height:8px;border-radius:50%;background:linear-gradient(120deg,#2f80ed,#56ccf2)}.work-row-tech{display:flex;flex-wrap:wrap;gap:.5rem}.work-tech-chip{display:inline-flex;padding:.38rem .9rem;border:1px solid #D8E4F2;border-radius:999px;color:#2f80ed;font-size:.83rem;font-weight:600}.work-live-link{margin-top:1.4rem}.skills-section{background:#10141c!important;padding:4.5rem 0}.skills-overline{color:#56ccf2}.skills-headline{color:#fff}.skills-accent{background:linear-gradient(120deg,#9fd8ff,#56ccf2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.skills-section .skill-category h3{color:#fff;font-size:.85rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin-bottom:.9rem}.skills-section .skill-tag{background:transparent!important;border:1px solid rgba(86,204,242,.28);color:#b7c0ce!important;border-radius:999px;padding:.38rem .9rem;font-size:.83rem;font-weight:600;transition:all .22s ease}.skills-section .skill-tag:hover{border-color:#56ccf2;color:#fff!important;background:#56ccf21a!important}@media (max-width: 800px){.work-row{grid-template-columns:1fr;gap:.6rem;padding:2.2rem 0}.work-row-num{font-size:2.8rem;position:static}}.skills-section .work-section-headline,.skills-section h2.work-section-headline{color:#fff}.skills-section .skill-category{background:#171c26;border:1px solid rgba(86,204,242,.14);border-radius:14px;box-shadow:none;padding:1.6rem}.skills-section .skill-category h3{color:#56ccf2;border-bottom:none;padding-bottom:0}