.works-page{--green:#2ecc71;--green-dim:#27ae60;--green-glow:#2ecc712e;--bg-card:#1a1f1a;--bg-card2:#161b16;--border:#2ecc7140;--border-hover:#2ecc7199;--text-primary:#f0f0f0;--text-secondary:#a0b0a0;--radius:14px;--shadow:0 4px 32px #00000073, 0 0 0 1px var(--border);--shadow-hover:0 8px 48px #2ecc7126, 0 0 0 1.5px var(--border-hover);max-width:860px;margin:0 auto;padding:56px 8px 40px;font-family:Segoe UI,Helvetica Neue,sans-serif}.works-page .section-heading{text-align:center;color:var(--green);letter-spacing:.18em;text-transform:uppercase;margin:36px 0 22px;font-size:1.05rem;font-weight:700;position:relative}.works-page .section-heading:after{content:"";background:var(--green);opacity:.6;border-radius:2px;width:48px;height:2px;margin:8px auto 0;display:block}.project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:24px;padding:28px 28px 22px;transition:box-shadow .25s,border-color .25s,transform .22s}.project-card:hover{box-shadow:var(--shadow-hover);border-color:var(--border-hover);transform:translateY(-2px)}.card-title{color:var(--text-primary);margin:0 0 4px;font-size:1.08rem;font-weight:700;line-height:1.4}.card-role{color:var(--green);letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px;font-size:.82rem;font-weight:600;display:block}.card-divider{background:var(--border);border:none;height:1px;margin:14px 0}.card-description{color:var(--text-secondary);margin:0 0 14px;font-size:.88rem;line-height:1.75}.card-section-label{color:var(--text-primary);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:7px;margin:16px 0 8px;font-size:.8rem;font-weight:700;display:flex}.card-section-label:before{content:"";background:var(--green);border-radius:2px;width:10px;height:2px;display:inline-block}.tech-stack{flex-wrap:wrap;gap:8px;margin:10px 0 16px;display:flex}.tech-item{background:var(--bg-card2);border:1px solid var(--border);color:var(--text-secondary);border-radius:6px;padding:4px 12px;font-size:.78rem;line-height:1.5}.tech-item strong{color:var(--green);margin-right:3px;font-weight:600}.card-employer{color:var(--text-secondary);opacity:.75;margin:6px 0 0;font-size:.8rem}.card-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.btn-action{border:1px solid;border-radius:8px;align-items:center;gap:6px;padding:7px 18px;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--green-glow);color:var(--green);border-color:var(--green-dim)}.btn-primary:hover{background:var(--green);color:#111;text-decoration:none}.btn-secondary{color:var(--text-secondary);background:0 0;border-color:#a0b0a04d}.btn-secondary:hover{color:var(--text-primary);border-color:var(--text-secondary);text-decoration:none}.card-video{border:1px solid var(--border);background:#000;border-radius:10px;width:100%;max-width:380px;height:auto;margin:0 auto 16px;display:block}.page-main-title{text-align:center;color:var(--text-primary);letter-spacing:.05em;margin:20px 0 8px;font-size:1.5rem;font-weight:300}.page-main-title span{color:var(--green)}@media (max-width:520px){.project-card{padding:18px 14px 16px}.card-title{font-size:.98rem}}