.border-box .card{flex:1 1 calc(20% - 15px);max-width:100px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;border-radius:10px;overflow:hidden;background-color:#fafafa;box-shadow:0 2px 6px rgba(0,0,0,.08);transition:transform .2s,box-shadow .2s}.border-box .card:hover{transform:translateY(-3px);box-shadow:0 4px 10px rgba(0,0,0,.15)}.border-box .card img{width:100%;height:100%;object-fit:contain}@media (max-width:768px){.border-box .card{flex:1 1 calc(33.33% - 10px)}}@media (max-width:480px){.border-box .card{flex:1 1 calc(50% - 10px)}}.prdx-title{text-align:center;color:red;font-size:28px;margin-bottom:20px}.prdx-controls{display:flex;gap:10px;margin-bottom:20px}.prdx-input{background:#101622;border:1px solid #00eaff44;border-radius:8px;padding:10px;color:#fff;width:100%}.prdx-btn{background:#500085;color:#fff;padding:12px 18px;border-radius:8px;cursor:pointer;border:none;font-weight:700;transition:.2s}.prdx-btn:hover{background:#00bcd4}.prdx-result{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;opacity:0;transition:.4s ease-out}.prdx-box{background:#101622;padding:12px;border-radius:10px;text-align:center;border:1px solid #00eaff33;box-shadow:0 0 10px #00eaff11;opacity:0;transform:translateY(10px);transition:.4s}.prdx-label{display:block;font-size:12px;color:red;margin-bottom:5px}.prdx-num{font-size:26px;font-weight:700;letter-spacing:3px;min-height:32px;transition:.25s ease-in-out}.prdx-num.glow{color:red;text-shadow:0 0 8px #00eaff,0 0 14px #00eaffaa}.prdx-hacker-text{font-family:Consolas,"Courier New",monospace;color:#c700e1;background:#051019;padding:10px 15px;border-left:3px solid #7f008f;border-radius:6px;margin-bottom:15px;font-size:14px;text-shadow:0 0 6px #7f008f;animation:1.6s infinite alternate prdxGlow}@keyframes prdxGlow{0%{opacity:.7}100%{opacity:1}}