.project-detail-page[data-astro-cid-4toin3ft]{min-height:100vh;padding-bottom:var(--space-32)}.project-hero[data-astro-cid-4toin3ft]{position:relative;height:60vh;min-height:400px;background-size:cover;background-position:center;display:flex;align-items:flex-end;padding-bottom:var(--space-12);border-bottom:1px solid rgba(0,212,255,.2)}.hero-overlay[data-astro-cid-4toin3ft]{position:absolute;inset:0;background:linear-gradient(to top,var(--color-bg-primary) 0%,rgba(7,7,13,.95) 40%,rgba(7,7,13,.8) 100%)}.hero-content[data-astro-cid-4toin3ft]{position:relative;z-index:2}.meta-tag[data-astro-cid-4toin3ft]{color:var(--color-accent-blue);font-size:.75rem;letter-spacing:.2em;margin-bottom:var(--space-4)}.project-title[data-astro-cid-4toin3ft]{font-size:clamp(3rem,6vw,5rem);line-height:1;margin-bottom:var(--space-6);text-shadow:0 0 30px rgba(0,0,0,.8)}.website-link[data-astro-cid-4toin3ft]{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-primary);text-decoration:none;padding:var(--space-2) var(--space-4);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);font-size:.8rem;transition:all .3s ease}.website-link[data-astro-cid-4toin3ft]:hover{background:#00d4ff1a;border-color:var(--color-accent-blue);color:var(--color-accent-blue);box-shadow:0 0 15px #00d4ff33}.website-link[data-astro-cid-4toin3ft] .material-symbols-outlined[data-astro-cid-4toin3ft]{font-size:1.2rem}.project-data[data-astro-cid-4toin3ft]{margin-top:calc(var(--space-16) * -1);position:relative;z-index:3}.project-data-grid[data-astro-cid-4toin3ft]{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8)}@media(max-width:1024px){.project-data-grid[data-astro-cid-4toin3ft]{grid-template-columns:1fr}}.visual-column[data-astro-cid-4toin3ft]{display:flex;flex-direction:column}.screenshot-display[data-astro-cid-4toin3ft]{padding:var(--space-4)}.screenshot-wrapper[data-astro-cid-4toin3ft]{display:block;background:#0f172a;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1);overflow:hidden;box-shadow:0 20px 40px #00000080;text-decoration:none}.interactive-mockup[data-astro-cid-4toin3ft]{transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.interactive-mockup[data-astro-cid-4toin3ft]:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 30px 60px #00d4ff26;border-color:#00d4ff4d}.browser-chrome[data-astro-cid-4toin3ft]{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.05)}.browser-chrome[data-astro-cid-4toin3ft] .dot[data-astro-cid-4toin3ft]{width:10px;height:10px;border-radius:50%}.dot[data-astro-cid-4toin3ft].red{background:#ff5f56}.dot[data-astro-cid-4toin3ft].yellow{background:#ffbd2e}.dot[data-astro-cid-4toin3ft].green{background:#27c93f}.url-bar[data-astro-cid-4toin3ft]{margin-left:16px;padding:4px 16px;background:#0000004d;border-radius:var(--radius-sm);font-size:.7rem;color:var(--color-text-secondary);letter-spacing:.1em}.interface-screenshot[data-astro-cid-4toin3ft]{width:100%;height:auto;display:block;border-radius:var(--radius-lg)}.data-column[data-astro-cid-4toin3ft]{display:flex;flex-direction:column;gap:var(--space-8)}.glass-panel[data-astro-cid-4toin3ft]{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);backdrop-filter:blur(var(--glass-blur));padding:var(--space-8);box-shadow:var(--shadow-lg);transition:all .4s ease}.glass-panel[data-astro-cid-4toin3ft]:hover{box-shadow:var(--shadow-glow-blue);border-color:#ffffff26}.panel-heading[data-astro-cid-4toin3ft]{display:flex;gap:var(--space-3);font-size:1.5rem;color:var(--color-text-primary);margin-bottom:var(--space-6);font-weight:600}.panel-heading[data-astro-cid-4toin3ft] .material-symbols-outlined[data-astro-cid-4toin3ft]{color:var(--color-accent-blue)}.panel-text[data-astro-cid-4toin3ft]{font-size:1.1rem;line-height:1.8;color:var(--color-text-secondary)}.project-gallery[data-astro-cid-4toin3ft]{margin-top:var(--space-12);position:relative;z-index:3}.gallery-grid[data-astro-cid-4toin3ft]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-6);margin-top:var(--space-6)}.gallery-item[data-astro-cid-4toin3ft]{border-radius:var(--radius-md);overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#0f172a;transition:all .3s ease}.gallery-item[data-astro-cid-4toin3ft]:hover{transform:translateY(-5px);border-color:var(--color-accent-blue);box-shadow:0 10px 30px #00d4ff1a}.gallery-item[data-astro-cid-4toin3ft] img[data-astro-cid-4toin3ft]{width:100%;height:100%;object-fit:cover;display:block;cursor:pointer}.lightbox[data-astro-cid-4toin3ft]{position:fixed;inset:0;background:#050508f2;backdrop-filter:blur(10px);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease;padding:var(--space-8)}.lightbox[data-astro-cid-4toin3ft].active{opacity:1;pointer-events:auto}.lightbox[data-astro-cid-4toin3ft] img[data-astro-cid-4toin3ft]{max-width:100%;max-height:100vh;object-fit:contain;box-shadow:0 0 50px #00d4ff26;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);transform:scale(.95);transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.lightbox[data-astro-cid-4toin3ft].active img[data-astro-cid-4toin3ft]{transform:scale(1)}.lightbox-close[data-astro-cid-4toin3ft]{position:absolute;top:var(--space-6);right:var(--space-6);color:#fff9;font-size:2rem;cursor:pointer;background:none;border:none;z-index:10000;transition:color .3s ease,transform .3s ease}.lightbox-close[data-astro-cid-4toin3ft]:hover{color:var(--color-accent-blue);transform:scale(1.1) rotate(90deg)}.lightbox-nav[data-astro-cid-4toin3ft]{position:absolute;top:50%;transform:translateY(-50%);color:#fff9;font-size:4rem;cursor:pointer;background:none;border:none;z-index:10000;transition:color .3s ease,transform .3s ease;padding:var(--space-4)}.lightbox-nav[data-astro-cid-4toin3ft]:hover{color:var(--color-accent-blue);transform:translateY(-50%) scale(1.1)}.lightbox-nav[data-astro-cid-4toin3ft].prev{left:var(--space-2)}.lightbox-nav[data-astro-cid-4toin3ft].next{right:var(--space-2)}