.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:2rem;padding-bottom:2.5rem}.project-card{background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:0 8px 32px #1f26870f;border-radius:32px;padding:1.75rem;display:flex;flex-direction:column;justify-content:space-between;transition:all .4s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.project-card:hover{transform:translateY(-8px);background:#ffffffa6;border-color:#0f766e66;box-shadow:0 20px 45px #0000000f}.project-category{display:inline-flex;align-items:center;gap:.5rem;font-family:DM Mono,monospace;font-size:.72rem;color:var(--teal);letter-spacing:.1em;text-transform:uppercase;margin-bottom:1.25rem}.project-card h3{font-size:1.5rem;line-height:1.25;margin-bottom:1rem;color:var(--ink)}.project-description{color:var(--ink);opacity:.72;font-size:.95rem;line-height:1.65;margin-bottom:1.5rem}.project-highlight{background:#0f766e0d;border-left:3px solid var(--teal);padding:.75rem 1rem;border-radius:0 12px 12px 0;margin-bottom:1.5rem;font-size:.85rem;color:var(--ink)}.tech-stack-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto;padding-top:1.5rem;border-top:1px solid var(--line)}.tech-tag{font-family:DM Mono,monospace;font-size:.72rem;color:var(--ink);background:#fff9;border:1px solid var(--line);padding:.3rem .75rem;border-radius:8px}.nda-notice-banner{background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:24px;padding:1.75rem 2rem;margin-bottom:3.5rem;display:flex;align-items:center;gap:1.25rem}.empty-state-card{background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);padding:5rem 3rem;border-radius:48px;text-align:center;max-width:800px;width:100%}.note-mark{display:inline-block;color:var(--teal);font-size:2rem;margin-bottom:1.5rem;animation:rotate 10s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.portfolio-grid{grid-template-columns:1fr}.nda-notice-banner{flex-direction:column;align-items:flex-start}}