.project-detail-page{--pd-bg:var(--bg,#070912);--pd-soft:var(--bg-soft,#0b0f1b);--pd-surface:var(--surface,#0f1422);--pd-surface2:var(--surface-2,#151b2b);--pd-text:var(--text,#f7f9ff);--pd-copy:var(--text-soft,#c8d0e2);--pd-muted:var(--muted,#9aa6bd);--pd-line:var(--line,rgba(173,188,219,.16));--pd-line2:var(--line-strong,rgba(173,188,219,.28));--pd-blue:var(--signal,#7797ff);--pd-blue2:var(--signal-strong,#9eb2ff);--pd-gold:var(--trace,#f0b64d);--pd-gold2:var(--trace-soft,#ffd88d);--pd-green:var(--status,#66e7b4);--pd-display:var(--display,"Space Grotesk",sans-serif);--pd-body:var(--body,"Inter",sans-serif);--pd-mono:var(--mono,"JetBrains Mono",monospace);color:var(--pd-text);background:var(--pd-bg);font-family:var(--pd-body)}.project-detail-page *{box-sizing:border-box}.project-container{width:min(calc(100% - 40px),1180px);margin-inline:auto}.project-progress{position:fixed;top:var(--nav-height,78px);left:0;z-index:90;width:0;height:2px;background:linear-gradient(90deg,var(--pd-blue),var(--pd-gold));box-shadow:0 0 12px rgba(119,151,255,.45)}.project-section{position:relative;padding:108px 0}.project-section-soft{background:var(--pd-soft);border-block:1px solid var(--pd-line)}.project-hero{position:relative;padding:86px 0 82px;overflow:hidden;border-bottom:1px solid var(--pd-line)}.project-hero:before{position:absolute;inset:0;content:"";opacity:.3;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(circle at 35% 15%,#000,transparent 78%)}.project-breadcrumb{position:relative;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:46px;color:var(--pd-muted);font:.69rem var(--pd-mono)}.project-breadcrumb a:hover{color:var(--pd-blue2)}.project-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);gap:58px;align-items:center}.project-status{display:inline-flex;align-items:center;gap:10px;margin-bottom:24px;padding:8px 12px;border:1px solid rgba(102,231,180,.25);border-radius:999px;color:#b8f7dc;background:rgba(102,231,180,.07);font:.72rem var(--pd-mono)}.project-status span{width:8px;height:8px;border-radius:50%;background:var(--pd-green);box-shadow:0 0 16px rgba(102,231,180,.65)}.project-hero h1{margin:0;font:700 clamp(3.5rem,7.2vw,7.2rem)/.9 var(--pd-display);letter-spacing:-.075em}.project-hero h1 em{display:block;margin-top:10px;color:transparent;background:linear-gradient(95deg,var(--pd-blue2),#d8e0ff 54%,var(--pd-gold2));background-clip:text;-webkit-background-clip:text;font-style:normal}.project-hero-lead{max-width:740px;margin:28px 0 0;color:var(--pd-copy);font-size:clamp(1.02rem,1.8vw,1.2rem)}.project-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.project-btn{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:9px;padding:12px 18px;border:1px solid transparent;border-radius:13px;font:600 .77rem var(--pd-mono);transition:.18s}.project-btn:hover{transform:translateY(-2px)}.project-btn-primary{color:#071019;background:linear-gradient(135deg,var(--pd-blue2),#7a97f8);box-shadow:0 12px 34px rgba(119,151,255,.23)}.project-btn-ghost{color:var(--pd-text);border-color:var(--pd-line2);background:rgba(255,255,255,.025)}.project-meta-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:760px;margin-top:44px;border-block:1px solid var(--pd-line)}.project-meta-grid div{padding:20px 18px 20px 0}.project-meta-grid div+div{padding-left:22px;border-left:1px solid var(--pd-line)}.project-meta-grid span{display:block;color:var(--pd-muted);font:.65rem var(--pd-mono)}.project-meta-grid strong{display:block;margin-top:6px;font:700 .95rem var(--pd-display)}.project-system-card{position:relative;min-height:560px;overflow:hidden;border:1px solid var(--pd-line);border-radius:28px;background:linear-gradient(145deg,rgba(119,151,255,.13),transparent 42%),linear-gradient(330deg,rgba(240,182,77,.08),transparent 38%),var(--pd-surface);box-shadow:0 30px 90px rgba(0,0,0,.38)}.project-system-top{display:flex;align-items:center;gap:7px;padding:20px 22px;border-bottom:1px solid var(--pd-line);color:var(--pd-muted);font:.7rem var(--pd-mono)}.project-system-top span{margin-right:auto}.project-system-top div{display:flex;gap:7px}.project-system-top i{width:7px;height:7px;border-radius:50%;background:var(--pd-muted)}.project-system-top i:first-child{background:var(--pd-blue)}.project-system-top i:last-child{background:var(--pd-gold)}.project-system-card svg{width:100%;height:450px}.project-line{fill:none;stroke:rgba(142,164,234,.45);stroke-width:1.4;stroke-dasharray:7 9;animation:pdCircuit 18s linear infinite}.project-line.trace{stroke:rgba(240,182,77,.45);animation-direction:reverse;animation-duration:23s}.project-node-ring{fill:rgba(7,9,18,.86);stroke:rgba(119,151,255,.7);stroke-width:1.4}.project-node-ring.trace{stroke:rgba(240,182,77,.72)}.project-node-core{fill:var(--pd-blue);filter:drop-shadow(0 0 8px rgba(119,151,255,.7))}.project-node-core.trace{fill:var(--pd-gold)}.project-node-label{fill:#f7f9ff;font:600 12px var(--pd-mono)}.project-node-sub{fill:#9aa6bd;font:8px var(--pd-mono);letter-spacing:.08em}.project-system-caption{position:absolute;right:22px;bottom:20px;left:22px;display:flex;justify-content:space-between;color:var(--pd-muted);font:.69rem var(--pd-mono)}.project-system-caption b{color:var(--pd-green)}.project-overview-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:68px}.project-overview-title{position:sticky;top:calc(var(--nav-height,78px) + 30px);align-self:start}.project-overview-title>span,.project-section-head>div>span{color:var(--pd-gold2);font:.67rem var(--pd-mono)}.project-overview-title h2,.project-section-head h2{margin:22px 0 0;font:700 clamp(2.4rem,4.8vw,4.8rem)/1 var(--pd-display);letter-spacing:-.055em}.project-overview-copy p{margin:0 0 24px;color:var(--pd-copy);font-size:1.08rem}.project-overview-copy .lead{color:var(--pd-text);font-size:1.22rem}.project-overview-callout{margin-top:34px;padding:26px 28px;border:1px solid rgba(119,151,255,.3);border-left:4px solid var(--pd-blue);border-radius:0 14px 14px 0;background:linear-gradient(90deg,rgba(119,151,255,.1),transparent)}.project-overview-callout span{color:var(--pd-blue2);font:.7rem var(--pd-mono)}.project-overview-callout p{margin:8px 0 0}.project-section-head{display:grid;grid-template-columns:.76fr 1.24fr;gap:60px;align-items:end;margin-bottom:46px}.project-section-head p{margin:0;color:var(--pd-copy);font-size:1.03rem}.project-challenge-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.project-challenge-grid article{min-height:300px;padding:26px 23px;border:1px solid var(--pd-line);border-radius:20px;background:var(--pd-surface);transition:.2s}.project-challenge-grid article:hover{transform:translateY(-5px);border-color:rgba(119,151,255,.42)}.project-challenge-grid b{color:rgba(255,255,255,.3);font:.7rem var(--pd-mono)}.project-challenge-grid i{display:grid;width:46px;height:46px;place-items:center;margin:30px 0 24px;border:1px solid rgba(119,151,255,.35);border-radius:14px;color:var(--pd-blue2);background:rgba(119,151,255,.08);font:700 .72rem var(--pd-mono);font-style:normal}.project-challenge-grid article:nth-child(even) i{color:var(--pd-gold2);border-color:rgba(240,182,77,.35);background:rgba(240,182,77,.07)}.project-challenge-grid h3{margin:0 0 12px;font:700 1.28rem var(--pd-display)}.project-challenge-grid p{margin:0;color:var(--pd-copy);font-size:.9rem}.project-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.project-feature-grid article{min-height:310px;padding:28px;border:1px solid var(--pd-line);border-radius:20px;background:var(--pd-surface);transition:.2s}.project-feature-grid article:hover{transform:translateY(-5px);border-color:rgba(158,178,255,.4)}.feature-blue{background:radial-gradient(circle at 88% 12%,rgba(119,151,255,.22),transparent 28%),var(--pd-surface)!important}.feature-gold{background:radial-gradient(circle at 88% 12%,rgba(240,182,77,.19),transparent 28%),var(--pd-surface)!important}.feature-mint{background:radial-gradient(circle at 88% 12%,rgba(102,231,180,.16),transparent 28%),var(--pd-surface)!important}.feature-violet{background:radial-gradient(circle at 88% 12%,rgba(183,140,255,.17),transparent 28%),var(--pd-surface)!important}.project-feature-grid article>span{color:var(--pd-gold2);font:.65rem var(--pd-mono)}.project-feature-grid h3{margin:56px 0 13px;font:700 1.65rem var(--pd-display)}.project-feature-grid p{margin:0;color:var(--pd-copy);font-size:.94rem}.project-feature-grid article>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.project-feature-grid article>div span{padding:6px 9px;border:1px solid var(--pd-line);border-radius:8px;color:var(--pd-muted);font:.65rem var(--pd-mono)}.project-flow{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid var(--pd-line);border-radius:20px;background:var(--pd-surface)}.project-flow article{min-height:235px;padding:25px}.project-flow article+article{border-left:1px solid var(--pd-line)}.project-flow span{color:var(--pd-blue2);font:.68rem var(--pd-mono)}.project-flow article:nth-child(even) span{color:var(--pd-gold2)}.project-flow h3{margin:45px 0 12px;font:700 1.18rem var(--pd-display)}.project-flow p{margin:0;color:var(--pd-copy);font-size:.88rem}.project-implementation-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:26px}.project-code-card{overflow:hidden;border:1px solid var(--pd-line);border-radius:20px;background:#080b13;box-shadow:0 24px 65px rgba(0,0,0,.26)}.project-code-head{display:flex;align-items:center;gap:6px;padding:17px 18px;border-bottom:1px solid var(--pd-line);color:var(--pd-muted);font:.63rem var(--pd-mono)}.project-code-head span{margin-right:auto}.project-code-head div{display:flex;gap:6px}.project-code-head i{width:6px;height:6px;border-radius:50%;background:var(--pd-muted)}.project-code-head i:first-child{background:var(--pd-blue)}.project-code-head i:last-child{background:var(--pd-gold)}.project-code-card pre{position:relative;margin:0;padding:28px;overflow:auto;color:#dfe6ff;font:.8rem/1.7 var(--pd-mono)}.project-code-copy{position:absolute;top:12px;right:12px;padding:6px 9px;border:1px solid var(--pd-line2);border-radius:7px;color:var(--pd-muted);background:var(--pd-surface);font:.6rem var(--pd-mono);cursor:pointer}.project-implementation-copy{display:grid;gap:14px}.project-implementation-copy article{padding:22px;border:1px solid var(--pd-line);border-radius:16px;background:var(--pd-surface)}.project-implementation-copy span{color:var(--pd-gold2);font:.65rem var(--pd-mono)}.project-implementation-copy h3{margin:10px 0 8px;font:700 1.14rem var(--pd-display)}.project-implementation-copy p{margin:0;color:var(--pd-copy);font-size:.88rem}.project-gallery{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.project-gallery figure{margin:0}.project-gallery figcaption{margin-top:12px;color:var(--pd-muted);font:.67rem var(--pd-mono);text-align:center}.gallery-large{grid-row:span 2}.phone-frame{max-width:390px;margin:auto;padding:12px;border:1px solid var(--pd-line2);border-radius:40px;background:#090c14;box-shadow:0 25px 70px rgba(0,0,0,.34)}.phone-top{width:90px;height:18px;margin:0 auto 8px;border-radius:0 0 14px 14px;background:#05070c}.phone-screen{min-height:650px;padding:28px 20px;border-radius:30px;background:linear-gradient(160deg,rgba(119,151,255,.12),transparent 28%),var(--pd-surface)}.screen-header{display:flex;justify-content:space-between}.screen-header span{font:700 1rem var(--pd-display)}.screen-header i{width:34px;height:34px;border-radius:50%;background:rgba(119,151,255,.18)}.screen-card{margin-top:30px;padding:22px;border:1px solid rgba(119,151,255,.3);border-radius:18px;background:linear-gradient(145deg,rgba(119,151,255,.15),rgba(240,182,77,.05))}.screen-card span{display:block;color:var(--pd-muted);font:.65rem var(--pd-mono)}.screen-card strong{display:block;margin-top:10px;font:700 1.15rem var(--pd-display)}.screen-card button{width:100%;margin-top:22px;padding:12px;border:0;border-radius:12px;color:#071019;background:var(--pd-blue2);font:600 .72rem var(--pd-mono)}.screen-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}.screen-grid i{height:88px;border:1px solid var(--pd-line);border-radius:14px;background:rgba(255,255,255,.025)}.screen-list{display:grid;gap:10px;margin-top:18px}.screen-list span{height:58px;border:1px solid var(--pd-line);border-radius:13px;background:rgba(255,255,255,.018)}.preview-window{min-height:300px;padding:22px;border:1px solid var(--pd-line);border-radius:20px;background:var(--pd-surface);box-shadow:0 20px 55px rgba(0,0,0,.2)}.preview-bar{height:34px;border-bottom:1px solid var(--pd-line)}.preview-bar:before{display:block;width:48px;height:7px;margin-top:12px;content:"";border-radius:99px;background:linear-gradient(90deg,var(--pd-blue) 0 33%,var(--pd-gold) 33% 66%,rgba(255,255,255,.25) 66%)}.preview-lines{display:grid;gap:13px;margin-top:28px}.preview-lines span{height:12px;border-radius:99px;background:rgba(255,255,255,.08)}.preview-lines span:nth-child(1){width:76%;background:rgba(119,151,255,.35)}.preview-lines span:nth-child(2){width:92%}.preview-lines span:nth-child(3){width:58%;background:rgba(240,182,77,.24)}.preview-lines span:nth-child(4){width:82%}.preview-button{width:130px;height:38px;margin-top:30px;border-radius:10px;background:var(--pd-blue2)}.salary-document{display:grid;gap:17px;margin-top:24px;padding:25px;border:1px solid var(--pd-line);border-radius:14px;background:#f4f5f9}.salary-document i{width:65px;height:28px;border-radius:6px;background:#27304a}.salary-document span{height:10px;border-radius:99px;background:#c9cedb}.salary-document span:nth-child(2){width:85%}.salary-document span:nth-child(3){width:65%}.salary-document span:nth-child(4){width:92%}.project-stack{display:flex;flex-wrap:wrap;gap:10px}.project-stack span{padding:10px 13px;border:1px solid var(--pd-line);border-radius:10px;color:var(--pd-copy);background:rgba(255,255,255,.025);font:.7rem var(--pd-mono);transition:.18s}.project-stack span:hover{transform:translateY(-2px);border-color:rgba(119,151,255,.45);color:var(--pd-text)}.project-result-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--pd-line);border-radius:20px;overflow:hidden;background:var(--pd-surface)}.project-result-grid article{min-height:180px;padding:25px}.project-result-grid article+article{border-left:1px solid var(--pd-line)}.project-result-grid strong{display:block;font:700 1.45rem var(--pd-display)}.project-result-grid span{display:block;margin-top:12px;color:var(--pd-muted);font:.72rem var(--pd-mono)}.project-related-section{padding:96px 0;border-block:1px solid var(--pd-line);background:var(--pd-soft)}.project-related-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:38px}.project-related-head span{color:var(--pd-blue2);font:.7rem var(--pd-mono)}.project-related-head h2{margin:12px 0 0;font:700 clamp(2.2rem,4.6vw,4rem)/1 var(--pd-display);letter-spacing:-.05em}.project-related-head>a{color:var(--pd-blue2);font:.69rem var(--pd-mono)}.project-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-related-grid article{overflow:hidden;border:1px solid var(--pd-line);border-radius:18px;background:var(--pd-surface);transition:.2s}.project-related-grid article:hover{transform:translateY(-5px);border-color:rgba(119,151,255,.4)}.related-visual{min-height:155px;display:flex;align-items:end;padding:18px;background:var(--pd-surface2)}.related-gold{background:radial-gradient(circle at 78% 22%,rgba(240,182,77,.3),transparent 28%),var(--pd-surface2)}.related-mint{background:radial-gradient(circle at 78% 72%,rgba(102,231,180,.23),transparent 28%),var(--pd-surface2)}.related-violet{background:radial-gradient(circle at 25% 75%,rgba(183,140,255,.24),transparent 28%),var(--pd-surface2)}.related-visual span{padding:5px 8px;border:1px solid rgba(102,231,180,.3);border-radius:999px;color:#b8f7dc;background:rgba(7,9,18,.55);font:.59rem var(--pd-mono)}.project-related-grid article>div:last-child{padding:21px}.project-related-grid h3{margin:0;font:700 1.25rem var(--pd-display)}.project-related-grid p{color:var(--pd-copy);font-size:.85rem}.project-related-grid a{color:var(--pd-blue2);font:.66rem var(--pd-mono)}.project-contact-section{padding:96px 0}.project-contact{display:grid;grid-template-columns:1fr auto;gap:36px;align-items:end;padding:48px;border:1px solid rgba(158,178,255,.26);border-radius:24px;background:radial-gradient(circle at 10% 0%,rgba(119,151,255,.17),transparent 34%),radial-gradient(circle at 100% 100%,rgba(240,182,77,.1),transparent 30%),var(--pd-surface)}.project-contact>div>span{color:var(--pd-blue2);font:.7rem var(--pd-mono)}.project-contact h2{margin:12px 0 0;font:700 clamp(2.2rem,5vw,4.5rem)/1 var(--pd-display);letter-spacing:-.055em}.project-contact p{color:var(--pd-copy)}.project-contact>a{display:inline-flex;min-height:48px;align-items:center;padding:12px 17px;border-radius:13px;color:#071019;background:linear-gradient(135deg,var(--pd-blue2),#7a97f8);font:600 .72rem var(--pd-mono);white-space:nowrap}@keyframes pdCircuit{to{stroke-dashoffset:-320}}@media(max-width:980px){.project-hero-grid,.project-overview-grid{grid-template-columns:1fr}.project-overview-title{position:static}.project-challenge-grid{grid-template-columns:repeat(2,1fr)}.project-flow{grid-template-columns:repeat(2,1fr)}.project-flow article:nth-child(3){border-left:0;border-top:1px solid var(--pd-line)}.project-flow article:nth-child(4){border-top:1px solid var(--pd-line)}.project-implementation-grid{grid-template-columns:1fr}.project-related-grid{grid-template-columns:repeat(2,1fr)}.project-related-grid article:last-child{grid-column:1/-1}.project-contact{grid-template-columns:1fr}.project-contact>a{justify-self:start}}@media(max-width:720px){.project-container{width:min(calc(100% - 28px),1180px)}.project-section{padding:84px 0}.project-hero{padding:60px 0}.project-hero h1{font-size:clamp(3.2rem,14.5vw,6rem)}.project-meta-grid{grid-template-columns:1fr;border-bottom:0}.project-meta-grid div,.project-meta-grid div+div{padding:16px 0;border-left:0;border-bottom:1px solid var(--pd-line)}.project-section-head{grid-template-columns:1fr;gap:20px}.project-feature-grid,.project-gallery{grid-template-columns:1fr}.gallery-large{grid-row:auto}.project-result-grid{grid-template-columns:repeat(2,1fr)}.project-result-grid article:nth-child(3){border-left:0;border-top:1px solid var(--pd-line)}.project-result-grid article:nth-child(4){border-top:1px solid var(--pd-line)}.project-related-head{align-items:flex-start;flex-direction:column}.project-related-grid{grid-template-columns:1fr}.project-related-grid article:last-child{grid-column:auto}.project-contact{padding:34px 25px}}@media(max-width:480px){.project-section{padding:72px 0}.project-actions{flex-direction:column}.project-btn{width:100%}.project-system-card{min-height:460px;border-radius:20px}.project-system-card svg{height:365px}.project-challenge-grid,.project-feature-grid,.project-flow,.project-result-grid{grid-template-columns:1fr}.project-flow article+article,.project-result-grid article+article{border-left:0;border-top:1px solid var(--pd-line)}.project-code-card pre{padding:22px 16px;font-size:.72rem}.phone-screen{min-height:560px}.project-contact{padding:30px 21px}.project-contact>a{width:100%;justify-content:center}}@media(prefers-reduced-motion:reduce){.project-line{animation:none!important}}@media print{.project-progress,.project-system-card,.project-related-section,.project-contact-section,.project-actions{display:none!important}.project-detail-page{color:#111;background:#fff}.project-hero,.project-section{padding:30px 0}.project-hero-grid,.project-overview-grid,.project-section-head{display:block}.project-hero h1,.project-overview-title h2,.project-section-head h2{color:#111}.project-hero h1 em{color:#111;background:none;-webkit-text-fill-color:#111}.project-hero-lead,.project-overview-copy p,.project-section-head p,.project-challenge-grid p,.project-feature-grid p{color:#333}.project-challenge-grid article,.project-feature-grid article,.project-flow,.project-result-grid{background:#fff;border-color:#bbb;box-shadow:none}}
.project-cover-panel { height: 390px; overflow: hidden; background: #0b0f1b; }
.project-cover-panel img { width: 100%; height: 100%; object-fit: cover; }
.project-gallery-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.project-gallery-grid figure { margin: 0; overflow: hidden; border: 1px solid rgba(173,188,219,.16); border-radius: 18px; background: #0f1422; }
.project-gallery-grid img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
.project-gallery-grid figcaption { padding: 12px 14px; color: #9aa6bd; font-size: .82rem; }
.project-tags-large { display: flex; flex-wrap: wrap; gap: 10px; }
.project-tags-large span { padding: 9px 12px; border: 1px solid rgba(173,188,219,.16); border-radius: 999px; color: #c8d0e2; font: 600 .72rem/1 "JetBrains Mono", monospace; }
@media (max-width: 720px) { .project-gallery-grid { grid-template-columns: 1fr; } .project-cover-panel { height: 280px; } }