.project-detail-page{width:100%;min-height:100vh;padding-bottom:80px;overflow-x:hidden}.project-detail-container{width:min(100% - 48px, var(--content-width));margin-inline:auto;padding-top:clamp(28px,4vw,40px)}@media (max-width:640px){.project-detail-container{width:min(100% - 32px, var(--content-width));padding-top:clamp(80px,18vw,96px)}}.project-breadcrumb{font-family:var(--font-geist-mono), monospace;color:var(--muted);align-items:center;gap:8px;margin-bottom:20px;font-size:.82rem;display:flex}.project-breadcrumb-link{color:var(--muted);border-radius:6px;align-items:center;gap:6px;margin-left:-8px;padding:4px 8px;text-decoration:none;transition:all .15s;display:inline-flex}.project-breadcrumb-link:hover{color:var(--foreground);background:#ffffff0d}.project-breadcrumb-separator{color:#fff3}.project-breadcrumb-current{color:var(--foreground);font-weight:500}.project-hero{margin-bottom:36px;position:relative}.project-hero-glass-card{-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff0b 0%,#ffffff03 100%),#0e1117cc;border:1px solid #ffffff1a;border-radius:20px;padding:clamp(24px,3.5vw,36px);position:relative;overflow:hidden;box-shadow:0 24px 48px -12px #000000a6,inset 0 1px #ffffff26,0 0 35px #6c8cff0a}.project-hero-glow-backdrop{filter:blur(40px);pointer-events:none;z-index:0;background:radial-gradient(circle,#6c8cff26 0%,#7c5cff0d 50%,#0000 70%);border-radius:50%;width:280px;height:280px;position:absolute;top:-80px;right:-80px}.project-hero-layout{z-index:1;grid-template-columns:1fr;align-items:start;gap:28px;display:grid;position:relative}@media (min-width:900px){.project-hero-layout{grid-template-columns:1fr 320px;gap:36px}}@media (min-width:1100px){.project-hero-layout{grid-template-columns:1fr 340px;gap:44px}}.project-hero-details{flex-direction:column;gap:20px;display:flex}.project-hero-header-block{flex-direction:column;gap:10px;display:flex}.project-hero-tags-row{align-items:center;gap:8px;display:flex}.project-hero-featured-badge{font-family:var(--font-geist-mono), monospace;color:#fbbf24;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fbbf2414;border:1px solid #fbbf2440;border-radius:9999px;align-items:center;gap:5px;padding:3px 10px;font-size:.74rem;font-weight:500;display:inline-flex}.project-hero-title{letter-spacing:-.04em;color:#fff;font-size:clamp(2.1rem,4vw,3rem);font-weight:800;line-height:1.12}.project-hero-summary{color:#b0b4c0;max-width:65ch;font-size:clamp(1rem,1.6vw,1.12rem);line-height:1.6}.project-hero-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.project-glass-btn{font-size:.88rem;font-weight:600;font-family:var(--font-geist-sans), sans-serif;cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:9px 18px;text-decoration:none;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex}.project-glass-btn-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--purple) 100%);color:#fff;border:1px solid #fff3;box-shadow:0 4px 16px #6c8cff59}.project-glass-btn-primary:hover{color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #6c8cff73}.project-glass-btn-secondary{color:var(--foreground);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1f}.project-glass-btn-secondary:hover{color:#fff;background:#ffffff17;border-color:#ffffff40;transform:translateY(-2px);box-shadow:0 4px 16px #0003}.project-hero-highlights-container{background:#ffffff06;border:1px solid #ffffff12;border-radius:12px;flex-direction:column;gap:10px;padding:14px 18px;display:flex}.project-hero-highlights-label{font-family:var(--font-geist-mono), monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.74rem;font-weight:600}.project-hero-highlights-list{flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex}.project-hero-highlight-item{color:#cbd5e1;align-items:flex-start;gap:8px;font-size:.88rem;line-height:1.45;display:flex}.project-hero-highlight-bullet{color:var(--primary);flex-shrink:0;font-size:.95rem;line-height:1.2}.project-hero-tech-container{flex-direction:column;gap:8px;display:flex}.project-hero-tech-label{font-family:var(--font-geist-mono), monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.74rem;font-weight:600}.project-hero-tech-list{flex-wrap:wrap;gap:7px;display:flex}.project-hero-thumbnail-column{justify-content:center;width:100%;display:flex}.project-hero-thumbnail-frame{aspect-ratio:1;background:#12151cf2;border:1px solid #ffffff1f;border-radius:16px;width:100%;max-width:340px;transition:all .25s;position:relative;overflow:hidden;box-shadow:0 16px 36px -10px #0009,inset 0 1px #ffffff26}.project-hero-thumbnail-frame:hover{border-color:#6c8cff66;box-shadow:0 20px 44px -10px #000000b3,0 0 25px #6c8cff26,inset 0 1px #fff3}.project-hero-thumbnail-image{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.project-hero-thumbnail-fallback{background:#0d1017;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.project-hero-fallback-grid{opacity:.4;background-image:radial-gradient(#ffffff1a 1px,#0000 1px);background-size:16px 16px;position:absolute;inset:0}.project-hero-fallback-glow{filter:blur(24px);background:radial-gradient(circle,#6c8cff38 0%,#7c5cff1a 50%,#0000 70%);border-radius:50%;width:180px;height:180px;position:absolute}.project-hero-fallback-content{z-index:2;flex-direction:column;align-items:center;gap:12px;display:flex;position:relative}.project-hero-fallback-icon-wrap{width:52px;height:52px;color:var(--primary);background:#6c8cff1f;border:1px solid #6c8cff4d;border-radius:12px;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 14px #6c8cff33}.project-hero-fallback-name{font-family:var(--font-geist-mono), monospace;color:#fff;letter-spacing:-.01em;font-size:.92rem;font-weight:600}.project-hero-thumbnail-border-glow{border-radius:inherit;pointer-events:none;-webkit-mask-composite:destination-out;border:1px solid #0000;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.project-sections-timeline{flex-direction:column;display:flex;position:relative}.project-section-item{grid-template-columns:20px minmax(0,1fr);gap:24px;min-width:0;padding-bottom:32px;display:grid;position:relative}.project-section-item:last-child{padding-bottom:0}.project-section-node-column{flex-direction:column;align-items:center;display:flex;position:relative}.project-section-node-marker{z-index:2;justify-content:center;align-items:center;width:16px;height:16px;margin-top:5px;display:flex;position:relative}.project-section-node-dot{background:var(--primary);border-radius:50%;width:8px;height:8px;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1);box-shadow:0 0 8px #6c8cffb3,0 0 16px #6c8cff4d}.project-section-node-glow{background:#6c8cff14;border:1px solid #6c8cff4d;border-radius:50%;transition:transform .2s cubic-bezier(.16,1,.3,1),border-color .2s cubic-bezier(.16,1,.3,1);position:absolute;inset:-3px}.project-section-item:hover .project-section-node-dot{transform:scale(1.25);box-shadow:0 0 12px #6c8cffe6,0 0 24px #6c8cff80}.project-section-item:hover .project-section-node-glow{border-color:#6c8cff99;transform:scale(1.2)}.project-section-node-line{z-index:1;background:linear-gradient(#6c8cff59,#7c5cff26);width:2px;position:absolute;top:26px;bottom:0}.project-section-content{flex-direction:column;gap:12px;min-width:0;max-width:100%;padding-top:1px;display:flex}.project-section-header{flex-direction:column;gap:3px;display:flex}.project-section-title-row{align-items:center;gap:8px;display:flex}.project-section-icon-badge{width:24px;height:24px;color:var(--primary);background:#6c8cff1a;border:1px solid #6c8cff33;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.project-section-title{color:var(--foreground);letter-spacing:-.02em;font-size:1.25rem;font-weight:700;line-height:1.3}.project-section-divider{background:linear-gradient(90deg,#6c8cff40,#ffffff0d 50%,#0000);width:100%;height:1px;margin-top:4px}@media (max-width:640px){.project-section-item{grid-template-columns:16px minmax(0,1fr);gap:16px;padding-bottom:24px}.project-section-node-marker{width:14px;height:14px;margin-top:5px}.project-section-node-dot{width:7px;height:7px}.project-section-title{font-size:1.12rem}}.project-screenshots-container{flex-direction:column;gap:16px;width:100%;max-width:100%;margin-top:6px;display:flex}.project-screenshot-card{background:var(--surface);border:1px solid var(--border);box-sizing:border-box;border-radius:10px;width:100%;max-width:100%;transition:border-color .2s,transform .2s;position:relative;overflow:hidden;box-shadow:0 8px 24px -8px #00000080}.project-screenshot-card:hover{border-color:#6c8cff59;transform:translateY(-1px)}.project-screenshot-window-bar{border-bottom:1px solid var(--border);background:#ffffff06;justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.project-screenshot-dots{gap:5px;display:flex}.project-screenshot-dots span{background:#fff3;border-radius:50%;width:7px;height:7px}.project-screenshot-dots span:first-child{background:#ff5f56}.project-screenshot-dots span:nth-child(2){background:#ffbd2e}.project-screenshot-dots span:nth-child(3){background:#27c93f}.project-screenshot-counter{font-family:var(--font-geist-mono), monospace;color:var(--muted);font-size:.7rem}.project-screenshot-img{object-fit:contain;background:#000;width:100%;max-width:100%;height:auto;display:block}.markdown-content{color:#cbd5e1;font-size:.94rem;line-height:1.68;font-family:var(--font-geist-sans), sans-serif;min-width:0;max-width:100%}.markdown-content>*+*{margin-top:.9em}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4{color:#fff;letter-spacing:-.02em;font-weight:700;line-height:1.3}.markdown-content h1{border-bottom:1px solid var(--border);margin-top:1.2em;margin-bottom:.4em;padding-bottom:.3em;font-size:1.35rem}.markdown-content h2{border-bottom:1px solid #ffffff0f;margin-top:1.1em;margin-bottom:.35em;padding-bottom:.25em;font-size:1.18rem}.markdown-content h3{color:#e2e8f0;margin-top:.9em;margin-bottom:.3em;font-size:1.05rem}.markdown-content h4{color:#cbd5e1;margin-top:.8em;margin-bottom:.25em;font-size:.95rem}.markdown-content p{color:#cbd5e1;max-width:100%}.markdown-content img{object-fit:contain;border:1px solid var(--border);box-sizing:border-box;border-radius:8px;width:100%;max-width:100%;height:auto;margin:1em 0;display:block}.markdown-content strong{color:#fff;font-weight:600}.markdown-content em{color:#cbd5e1;font-style:italic}.markdown-content a{color:var(--primary);text-underline-offset:3px;-webkit-text-decoration:underline #6c8cff66;text-decoration:underline #6c8cff66;transition:all .15s}.markdown-content a:hover{color:var(--primary-hover);-webkit-text-decoration-color:var(--primary-hover);text-decoration-color:var(--primary-hover)}.markdown-content ul,.markdown-content ol{flex-direction:column;gap:.35em;margin-top:.5em;margin-bottom:.7em;padding-left:1.3em;display:flex}.markdown-content ul{list-style-type:disc}.markdown-content ol{list-style-type:decimal}.markdown-content li{color:#cbd5e1;line-height:1.55}.markdown-content li::marker{color:var(--primary)}.markdown-content li>p{margin:0}.markdown-content blockquote{border-left:3px solid var(--primary);color:#e2e8f0;background:#6c8cff0d;border-radius:0 8px 8px 0;margin:1em 0;padding:10px 16px;font-style:normal}.markdown-content blockquote p{color:#e2e8f0;margin:0}.markdown-content code:not(pre code){font-family:var(--font-geist-mono), monospace;color:#a5b4fc;white-space:nowrap;background:#ffffff12;border:1px solid #ffffff1f;border-radius:4px;padding:.18em .42em;font-size:.84em}.markdown-content pre{box-sizing:border-box;max-width:100%;font-family:var(--font-geist-mono), monospace;color:#e6edf3;-webkit-overflow-scrolling:touch;background:#0d1017;border:1px solid #ffffff1a;border-radius:8px;margin:1em 0;padding:14px 18px;font-size:.84rem;line-height:1.55;overflow-x:auto;box-shadow:inset 0 1px 3px #0006}.markdown-content pre code{font-family:inherit;font-size:inherit;color:inherit;white-space:pre;background:0 0;border:none;padding:0}.markdown-table-wrapper{border:1px solid var(--border);background:var(--surface);border-radius:8px;width:100%;margin:1em 0;overflow-x:auto}.markdown-content table{border-collapse:collapse;text-align:left;width:100%;font-size:.88rem}.markdown-content th,.markdown-content td{border-bottom:1px solid var(--border);padding:8px 14px}.markdown-content th{color:#fff;font-weight:600;font-family:var(--font-geist-mono), monospace;text-transform:uppercase;letter-spacing:.04em;background:#ffffff0a;font-size:.78rem}.markdown-content tr:last-child td{border-bottom:none}.markdown-content tr:hover td{background:#ffffff05}.markdown-content hr{background:var(--border);border:none;height:1px;margin:1.5em 0}