:root{--text:#f8fafc;--muted:#a1a1aa;--accent1:#7c7cff;--accent2:#22d3ee;--panel:#ffffff0a;--border:#ffffff1a}html,body{min-height:100%;color:var(--text);background:radial-gradient(circle at top,#0f1224 0%,#07080f 45%,#05050a 80%);margin:0;padding:0;font-family:Inter,system-ui,sans-serif;overflow-x:hidden}*{box-sizing:border-box}.gradient-text{background:linear-gradient(90deg,var(--accent1),var(--accent2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.project-card{border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);cursor:pointer;background:linear-gradient(160deg,#ffffff0f,#ffffff04);border-radius:28px;padding:32px 28px;transition:transform .3s,box-shadow .3s,border-color .3s}.project-card:hover{border-color:#7c7cff73;transform:translateY(-8px);box-shadow:0 24px 64px #7878ff38}.badge{text-transform:uppercase;letter-spacing:.5px;border:1px solid #0000;border-radius:20px;align-items:center;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-completed{color:#10b981;background:#10b9811a;border-color:#10b98133}.badge-completed:before{content:"";background-color:#10b981;border-radius:50%;width:6px;height:6px;margin-right:8px;animation:1s infinite pulse-green}.badge-in-progress{color:#f59e0b;background:#f59e0b1a;border-color:#f59e0b33}@keyframes pulse-green{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.project-link{border:1px solid #ffffff1a;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block}.project-link:hover{transform:translateY(-2px);box-shadow:0 0 20px #7c7cff80;background:var(--accent1)!important;color:#fff!important}.project-title{letter-spacing:.2px;font-size:21px;font-weight:600}.project-desc{color:var(--muted);margin-top:12px;font-size:15px;line-height:1.65}.project-details{white-space:pre-wrap;color:var(--muted);opacity:.9;margin-top:18px;font-size:14px;line-height:1.6}