*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background:#0a0a12;min-height:100vh;font-family:Inter,sans-serif;line-height:1.7}.proj-nav{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a12f2;border-bottom:1px solid #8000ff26;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0}.proj-back{color:#8000ff;align-items:center;gap:8px;font-family:Fira Code,monospace;font-size:13px;text-decoration:none;transition:color .2s;display:flex}.proj-back:hover{color:#b366ff}.proj-nav-name{color:#fff6;letter-spacing:.1em;font-family:Orbitron,sans-serif;font-size:13px}.proj-hero{width:100%;max-height:380px;position:relative;overflow:hidden}.proj-hero-img{object-fit:cover;filter:brightness(.55);width:100%;height:380px;display:block}.proj-hero-overlay{background:linear-gradient(#0000,#0a0a12f2);padding:2rem;position:absolute;bottom:0;left:0;right:0}.proj-tag{letter-spacing:.08em;text-transform:uppercase;color:#8000ff;background:#8000ff1f;border:1px solid #8000ff4d;border-radius:4px;margin-bottom:10px;padding:3px 10px;font-family:Fira Code,monospace;font-size:11px;font-weight:600;display:inline-block}.proj-title{color:#fff;font-family:Orbitron,sans-serif;font-size:clamp(1.4rem,4vw,2.2rem);font-weight:700;line-height:1.2}.proj-main{max-width:1100px;margin:0 auto;padding:0 1.5rem}.proj-body{grid-template-columns:1fr 320px;gap:2.5rem;padding:2.5rem 0 3rem;display:grid}@media (width<=768px){.proj-body{grid-template-columns:1fr}.proj-right{order:-1}}.proj-section-h{letter-spacing:.08em;color:#8000ff;text-transform:uppercase;border-bottom:1px solid #8000ff33;margin:0 0 1rem;padding-bottom:6px;font-family:Orbitron,sans-serif;font-size:14px;font-weight:700}.proj-desc{color:#ffffffbf;margin-bottom:2rem;font-size:15px;line-height:1.8}.proj-desc p{margin-bottom:1rem}.proj-desc p:last-child{margin-bottom:0}.proj-highlights{margin-bottom:2rem;list-style:none}.proj-highlights li{color:#ffffffbf;border-bottom:1px solid #ffffff0d;align-items:flex-start;gap:10px;padding:8px 0;font-size:14px;display:flex}.proj-highlights li i{color:#8000ff;flex-shrink:0;margin-top:3px;font-size:13px}.proj-cta{color:#fff;background:#8000ff;border-radius:6px;align-items:center;gap:10px;margin-top:.5rem;padding:12px 24px;font-family:Fira Code,monospace;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s,transform .15s;display:inline-flex}.proj-cta:hover{background:#93f;transform:translateY(-2px)}.proj-cta-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:.5rem;display:flex}.proj-cta-actions .proj-cta{margin-top:0}.proj-demo-btn{color:#6bc5f8;cursor:pointer;background:0 0;border:1px solid #6bc5f866;border-radius:6px;align-items:center;gap:8px;padding:12px 24px;font-family:Fira Code,monospace;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s,color .2s,transform .15s;display:inline-flex}.proj-demo-btn:hover{color:#fff;background:#6bc5f826;transform:translateY(-2px)}.proj-demo-btn.disabled{color:#555568;cursor:not-allowed;pointer-events:none;opacity:.6;border-color:#333348}.proj-demo-btn i{font-size:12px}.proj-stack-card,.proj-contact-card{background:#ffffff08;border:1px solid #8000ff2e;border-radius:10px;margin-bottom:1.25rem;padding:1.25rem}.proj-stack-label,.proj-contact-label{letter-spacing:.1em;text-transform:uppercase;color:#ffffff59;margin-bottom:12px;font-family:Fira Code,monospace;font-size:10px;font-weight:600}.proj-stack-badges{flex-wrap:wrap;gap:6px;display:flex}.proj-badge{color:#ffffffb3;background:#8000ff14;border:1px solid #8000ff33;border-radius:4px;align-items:center;gap:5px;padding:4px 9px;font-family:Fira Code,monospace;font-size:11px;display:inline-flex}.proj-badge i{color:#8000ff;font-size:12px}.proj-contact-card p{color:#ffffff8c;margin-bottom:1rem;font-size:13px;line-height:1.6}.proj-contact-btn{color:#b366ff;background:#8000ff1f;border:1px solid #8000ff59;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-family:Fira Code,monospace;font-size:13px;text-decoration:none;transition:background .2s,color .2s;display:flex}.proj-contact-btn:hover{color:#fff;background:#8000ff38}.proj-footer{color:#ffffff59;border-top:1px solid #8000ff1f;justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding:1.5rem 2rem;font-size:13px;display:flex}.proj-footer a{color:#8000ff;font-family:Fira Code,monospace;font-size:12px;text-decoration:none}.proj-footer a:hover{color:#b366ff}