.app-card.preview-card{min-height:285px;padding:12px;gap:12px}.preview-card .app-preview{position:relative;display:flex;flex:1;min-height:185px;overflow:hidden;border-radius:13px;padding:12px;box-shadow:inset 0 0 0 1px #ffffff12;font-family:Manrope,system-ui,sans-serif}.preview-card .preview-top{display:flex;align-items:center;justify-content:space-between;gap:7px;font-size:8px;letter-spacing:-.01em}.preview-card .preview-top i{font-style:normal;font-size:7px}.preview-caption{display:flex;align-items:end;justify-content:space-between;gap:10px;min-height:48px;padding:0 7px 2px}.preview-caption .app-title{display:block;font-size:16px;margin:0}.preview-caption .app-sub{display:block;font-size:11px;margin-top:2px}.preview-caption .launch{position:static;white-space:nowrap}.preview-tht{flex-direction:column;background:linear-gradient(135deg,#111928,#1d2a42);color:#f4f7ff}.preview-tht .preview-top b{font-size:14px;letter-spacing:-.06em}.preview-tht .preview-top i{color:#a4d85c}.preview-eyebrow{font:7px DM Mono,monospace;letter-spacing:.12em;color:#99a8c6;margin-top:3px}.store-options{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.store-options b{display:grid;place-items:center;min-height:36px;border:1px solid #53637e;border-radius:5px;background:#26354e;color:#e9f6ff;font-size:10px}.preview-input{display:flex;justify-content:space-between;align-items:center;border-radius:5px;background:#0e1522;padding:9px;color:#8b9ab8;font:7px DM Mono,monospace;letter-spacing:.08em}.preview-input em{font-style:normal;color:#dce8ff;font-size:10px;letter-spacing:.12em}.preview-fuel{display:flex;flex-direction:column;background:#f7faf8;color:#122019}.preview-fuel .preview-top b{font-size:11px}.preview-fuel .preview-top i{color:#28845e}.fuel-head{display:grid;gap:2px;padding:8px 0;border-bottom:1px solid #dbe8df}.fuel-head small{color:#567465;font:6px DM Mono,monospace;letter-spacing:.08em}.fuel-head strong{font-size:22px;letter-spacing:-.08em;color:#16734d}.fuel-head span{font-size:7px;color:#557064}.fuel-lines{display:grid;grid-template-columns:7px 1fr auto;align-items:center;gap:4px;margin-top:8px;font-size:7px}.fuel-lines i{width:5px;height:5px;border-radius:50%;background:#28a86a}.fuel-lines b{font-weight:700}.fuel-lines em{font-style:normal;color:#507263}.preview-cash{align-items:center;justify-content:center;background:#f8f6f3;color:#203349;text-align:center;gap:5px}.preview-cash .preview-top{position:absolute;inset:11px 12px auto}.preview-cash .preview-top b{font-size:10px}.preview-cash .preview-top i{color:#42678c;font-size:13px}.cash-lock{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#e7edf3;color:#385575;font-size:17px}.preview-cash strong{font-size:10px}.preview-cash>span:not(.preview-top):not(.cash-lock):not(.cash-button){font-size:7px;color:#738395;line-height:1.4}.cash-button{margin-top:4px;border-radius:5px;background:#263f60;padding:7px 9px;color:#fff;font-size:7px}.preview-extra{flex-direction:column;background:#f4f6fc;color:#142047;gap:6px}.preview-extra .preview-top b{font-size:9px;letter-spacing:.08em}.preview-extra .preview-top b i{display:inline-grid;place-items:center;width:13px;height:13px;background:#d6ff4f;color:#142047;border-radius:4px;font-family:Georgia,serif}.preview-extra .preview-top span{font:6px DM Mono,monospace;color:#687697}.preview-extra strong{font-size:16px;letter-spacing:-.06em;margin-top:9px}.preview-extra>span:not(.preview-top):not(.extra-input):not(.extra-login){font-size:8px;color:#647092;line-height:1.5}.extra-input{margin-top:auto;border:1px solid #d6deef;border-radius:5px;background:#fff;padding:7px;color:#8490ad;font-size:7px}.extra-login{align-self:start;border-radius:5px;background:#172a63;color:#fff;padding:7px 9px;font-size:7px;font-weight:700}
@media(max-width:700px){.app-card.preview-card{min-height:205px;padding:8px;border-radius:18px}.preview-card .app-preview{min-height:130px;padding:8px;border-radius:11px}.preview-caption{min-height:45px;padding:0 4px}.preview-tht .preview-top b{font-size:10px}.store-options b{min-height:26px;font-size:8px}.preview-input{padding:6px}.fuel-head{padding:5px 0}.fuel-head strong{font-size:17px}.preview-extra strong{font-size:12px;margin-top:2px}.preview-extra>span:not(.preview-top):not(.extra-input):not(.extra-login){font-size:6px}.extra-input,.extra-login{padding:5px;font-size:6px}.preview-caption .app-title{font-size:13px}.preview-caption .app-sub,.preview-caption .launch{font-size:9px}}
