.project-detail-card{background:var(--pure-white);border:1px solid var(--mist-blue);box-shadow:var(--shadow-sm);border-radius:4px;padding:2.5rem;position:relative;overflow:hidden}.detail-title{color:var(--deep-navy);margin-bottom:.5rem;font-size:2.5rem;line-height:1.1}.tech-stack{flex-wrap:wrap;gap:.5rem;display:flex}.tech-tag{font-size:.85rem;font-family:var(--font-accent);background:var(--alice-blue);color:var(--royal-blue);border-radius:12px;padding:4px 10px;font-weight:600}.stage-container{border:1px solid var(--mist-blue);background:#f8f9fa;border-radius:4px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #0000000d}.stage-label{background:var(--royal-blue);color:#fff;font-family:var(--font-accent);text-transform:uppercase;letter-spacing:.05em;z-index:10;border-bottom-right-radius:4px;padding:4px 12px;font-size:.84rem;display:inline-block;position:absolute;top:0;left:0}.pdf-mode{height:800px}.demo-mode{height:600px}.pdf-frame,.demo-frame{border:none;width:100%;height:100%;display:block}.stage-placeholder{background:var(--alice-blue);border:1px dashed var(--royal-blue);opacity:.5;border-radius:4px;justify-content:center;align-items:center;height:200px;display:flex}.description-text{color:var(--deep-navy);white-space:pre-wrap;font-size:1.1rem;line-height:1.8}@media (max-width:768px){.project-detail-card{padding:1.5rem}.detail-title{font-size:2rem}.pdf-mode{height:500px}}