.apps-portfolio{--app-bg:#0d1117;--app-surface:#161b22;--app-border:#30363d;--app-accent:#34d399;--app-accent-2:#22d3ee;--app-text:#e6edf3;--app-muted:#8b949e;--app-mono:ui-monospace,"Cascadia Code","SFMono-Regular",Consolas,"Liberation Mono",monospace;min-height:100vh;background:var(--app-bg);color:var(--app-text)}.apps-portfolio .navbar{background:var(--app-surface);box-shadow:0 1px 0 var(--app-border)}.apps-portfolio .logo{color:var(--app-accent);font-family:var(--app-mono)}.apps-portfolio .nav-links a{color:var(--app-text)}.apps-portfolio .nav-links a:hover{color:var(--app-accent)}.apps-portfolio .nav-switch{color:var(--app-accent)!important}.apps-portfolio .app-hero{margin-top:60px;padding:120px 20px 70px;text-align:center;border-bottom:1px solid var(--app-border);background:radial-gradient(circle at 50% -10%,rgba(52,211,153,.14),transparent 55%),var(--app-bg)}.apps-portfolio .app-prompt{font-family:var(--app-mono);font-size:.85rem;color:var(--app-accent);letter-spacing:.04em}.apps-portfolio .app-hero h1{font-size:2.75rem;font-weight:800;margin:.75rem 0;letter-spacing:-.02em}.apps-portfolio .app-hero p{max-width:680px;margin:0 auto;color:var(--app-muted);font-size:1.15rem;line-height:1.7}.apps-portfolio .app-section{padding:70px 20px}.apps-portfolio .section-title{color:var(--app-text)}.apps-portfolio .app-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem;max-width:1100px;margin:0 auto}.apps-portfolio .app-card{display:flex;flex-direction:column;background:var(--app-surface);border:1px solid var(--app-border);border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.apps-portfolio .app-card:hover{transform:translateY(-5px);border-color:var(--app-accent);box-shadow:0 0 0 1px rgba(52,211,153,.3),0 16px 32px rgba(0,0,0,.55)}.apps-portfolio .app-thumb{position:relative;height:130px;display:flex;align-items:center;justify-content:flex-start;padding:0 1.25rem;background:linear-gradient(135deg,#0d1117,#1c2433);border-bottom:1px solid var(--app-border);font-family:var(--app-mono);color:var(--app-muted);font-size:.95rem}.apps-portfolio .app-thumb .blink{color:var(--app-accent)}.apps-portfolio .app-demo-badge{position:absolute;top:.6rem;right:.6rem;display:inline-flex;align-items:center;gap:.25rem;font-family:var(--app-mono);font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--app-accent);background:rgba(52,211,153,.1);border:1px solid var(--app-accent);border-radius:6px;padding:.15rem .45rem}.apps-portfolio .app-card:hover .app-demo-badge{background:rgba(52,211,153,.2)}.apps-portfolio .app-card-body{display:flex;flex-direction:column;gap:.6rem;padding:1.25rem;flex:1 1}.apps-portfolio .app-card-kind{font-family:var(--app-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--app-accent-2)}.apps-portfolio .app-card h3{font-family:var(--app-mono);font-size:1.2rem;font-weight:700;color:var(--app-text)}.apps-portfolio .app-card p{font-size:.92rem;color:var(--app-muted);line-height:1.6;flex:1 1}.apps-portfolio .app-tags{display:flex;flex-wrap:wrap;gap:.4rem}.apps-portfolio .app-tag{font-family:var(--app-mono);font-size:.7rem;color:var(--app-accent);background:var(--app-bg);border:1px solid var(--app-border);padding:.2rem .55rem;border-radius:6px}.apps-portfolio .app-detail-hero{margin-top:60px;padding:120px 20px 50px;border-bottom:1px solid var(--app-border);background:radial-gradient(circle at 50% -10%,rgba(52,211,153,.14),transparent 55%),var(--app-bg)}.apps-portfolio .app-detail-hero .app-card-kind{display:block;margin-bottom:.5rem}.apps-portfolio .app-detail-hero h1{font-size:2.4rem;font-weight:800;letter-spacing:-.02em}.apps-portfolio .app-detail-section{padding:50px 20px}.apps-portfolio .app-detail-section+.app-detail-section{border-top:1px solid var(--app-border)}.apps-portfolio .app-detail-section h2{font-family:var(--app-mono);font-size:1.4rem;color:var(--app-text);margin-bottom:1.25rem}.apps-portfolio .app-detail-section h2:before{content:"# ";color:var(--app-accent)}.apps-portfolio .app-videos{display:flex;flex-direction:column;gap:2.25rem}.apps-portfolio .app-video{max-width:900px}.apps-portfolio .app-video-label{font-family:var(--app-mono);font-size:.95rem;color:var(--app-accent);margin-bottom:.6rem}.apps-portfolio .app-video .video-container{border:1px solid var(--app-border);border-radius:12px;overflow:hidden}.apps-portfolio .app-video-file{display:block;width:100%;max-width:900px;border:1px solid var(--app-border);border-radius:12px;background:#000}.apps-portfolio .app-overview p{color:#c9d1d9;font-size:1.08rem;line-height:1.85;max-width:820px;margin-bottom:1rem}.apps-portfolio .app-features{list-style:none;max-width:820px}.apps-portfolio .app-features li{position:relative;padding:.5rem 0 .5rem 1.6rem;color:#c9d1d9;font-size:1.02rem}.apps-portfolio .app-features li:before{content:"›";position:absolute;left:0;color:var(--app-accent);font-family:var(--app-mono);font-weight:700}.apps-portfolio .app-back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--app-accent);font-family:var(--app-mono);text-decoration:none;font-size:.95rem;margin-bottom:1.5rem;transition:gap .2s ease,color .2s ease}.apps-portfolio .app-back-link:hover{gap:.75rem;color:var(--app-accent-2)}.apps-portfolio .contact{background:var(--app-bg)}.apps-portfolio .contact-content p{color:var(--app-muted)}.apps-portfolio .contact-button{background:var(--app-surface);color:var(--app-accent);border:1px solid var(--app-border);font-family:var(--app-mono)}.apps-portfolio .contact-button:hover{background:var(--app-accent);color:var(--app-bg);border-color:var(--app-accent)}.apps-portfolio .footer{background:var(--app-surface);border-top:1px solid var(--app-border)}.apps-portfolio .footer p{color:var(--app-muted)}@media (max-width:768px){.apps-portfolio .app-hero h1{font-size:2rem}.apps-portfolio .app-detail-hero h1{font-size:1.75rem}}