.app-portfolio{color:#fff;background-color:#00160c;padding:100px 40px}.portfolio-header{max-width:1200px;margin:0 auto 60px}.portfolio-title{letter-spacing:-2px;margin-top:10px;font-size:clamp(2.5rem,5vw,4rem);font-weight:800}.portfolio-title span{color:#0f8;opacity:.8}.app-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:50px;max-width:1200px;margin:0 auto;display:grid}.app-frame{aspect-ratio:9/19;background:#000;border:8px solid #ffffff0d;border-radius:40px;transition:transform .4s,border-color .4s;position:relative;overflow:hidden;box-shadow:0 30px 60px #00000080}.app-video{object-fit:cover;opacity:.6;width:100%;height:100%;transition:all .4s}.app-card:hover .app-frame{border-color:#0f86;transform:translateY(-15px)}.app-card:hover .app-video{opacity:1}.app-overlay{opacity:0;background:linear-gradient(#0000,#00160ccc);flex-direction:column;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;inset:0}.play-icon-static{background:#0f83;border:1px solid #0f8;border-radius:50%;width:50px;height:50px;margin-bottom:20px;position:relative}.play-icon-static:after{content:"";border:8px solid #0000;border-left:14px solid #0f8;border-right-width:0;position:absolute;top:50%;left:55%;transform:translate(-50%,-50%)}.app-link-btn{color:#00160c;letter-spacing:1px;background:#0f8;border-radius:4px;padding:12px 24px;font-family:Courier New,monospace;font-size:.7rem;font-weight:800;text-decoration:none}.app-notch{z-index:10;background:#00160c;border-bottom-right-radius:15px;border-bottom-left-radius:15px;width:40%;height:20px;position:absolute;top:0;left:50%;transform:translate(-50%)}.app-details{margin-top:25px;padding:0 10px}.app-meta{justify-content:space-between;margin-bottom:8px;display:flex}.app-id{color:#fff6;font-family:Courier New,monospace;font-size:.7rem}.app-status{text-transform:uppercase;font-family:Courier New,monospace;font-size:.65rem;font-weight:700}.approved{color:#0f8}.production_v2{color:#0cf}.beta_testing{color:#fc0}.app-name{font-size:1.4rem;font-weight:700}.app-type{color:#ffffff80;font-size:.85rem}@media (max-width:600px){.app-grid{grid-template-columns:1fr}}.app-overlay{opacity:0;pointer-events:none;background:linear-gradient(#0000,#00160ccc);flex-direction:column;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;inset:0}.app-card:hover .app-overlay{opacity:1}.app-link-btn{pointer-events:auto;color:#00160c;background:#0f8;border-radius:4px;margin-top:20px;padding:12px 24px;font-family:Courier New,monospace;font-size:.7rem;font-weight:800;text-decoration:none}.play-hint{color:#0f8;letter-spacing:2px;background:#0006;border:1px solid #00ff884d;padding:5px 10px;font-family:Courier New,monospace;font-size:.6rem}