:root{--bg-dark:#1d1e30;--glass-bg:rgba(37,38,61,.7);--glass-border:1px solid rgba(255,255,255,.08);--glass-blur:blur(12px);--neon-mint:#55efc4;--action-orange:#f59e0b;--gold-gradient:linear-gradient(to right,#f59e0b,#ffd700);--card-shadow:0 4px 15px rgba(0,0,0,.2)}body{background-color:var(--bg-dark);color:#ffffff;font-family:"Inter",sans-serif;margin:0;padding:0;overflow-x:hidden}.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:12px;box-shadow:var(--card-shadow);transition:transform .2s ease,border-color .2s ease;overflow:hidden;display:flex;flex-direction:column}.glass-card:hover{transform:translateY(-3px);border-color:rgba(245,158,11,.5);box-shadow:0 8px 25px rgba(0,0,0,.3)}.offer-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.offer-img-container{width:100%;aspect-ratio:1 / 1;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.05);padding:10px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.2)}.offer-img-container img{width:100%;height:100%;object-fit:cover;border-radius:8px}.activity-scroller{display:flex;gap:12px;overflow-x:auto;padding:15px 0;scrollbar-width:none}.activity-scroller::-webkit-scrollbar{display:none}.activity-pill{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);border-radius:50px;padding:4px 12px 4px 4px;display:flex;align-items:center;gap:8px;min-width:max-content;cursor:pointer}.activity-pill img{width:24px;height:24px;border-radius:50%}.price-text{color:var(--neon-mint);font-weight:700;text-shadow:0 0 8px rgba(85,239,196,.3)}.partner-logo{filter:brightness(0) invert(1) opacity(.6);transition:.3s}.glass-card:hover .partner-logo{filter:none;opacity:1}#of-api-custom-modal .modal-header{padding:24px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;gap:16px;align-items:flex-start;background:rgba(30,31,48,.6);flex-shrink:0}#of-api-custom-modal .offer-icon{width:72px;height:72px;border-radius:14px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 15px rgba(0,0,0,.2)}#of-api-custom-modal .offer-details{flex:1;display:flex;flex-direction:column;justify-content:center;gap:4px}#of-api-custom-modal .offer-title{font-size:1.25rem;font-weight:700;line-height:1.2}#of-api-custom-modal .device-pills{display:flex;gap:6px;margin-top:4px;flex-wrap:wrap}#of-api-custom-modal .device-pill{background:rgba(255,255,255,.1);padding:4px 8px;border-radius:6px;font-size:.7rem;font-weight:500;color:#a0a0c0;display:flex;align-items:center;gap:5px;cursor:default}#of-api-custom-modal .total-reward-text{color:var(--neon-mint);font-weight:800;font-size:1.3rem;margin-top:6px;text-shadow:0 0 10px rgba(85,239,196,.2)}#of-api-custom-modal .close-btn{color:#a0a0c0;cursor:pointer;padding:4px}#of-api-custom-modal .close-btn:hover{color:white}#of-api-custom-modal .modal-body{padding:24px;overflow-y:auto;flex-grow:1}#of-api-custom-modal .modal-body::-webkit-scrollbar{width:6px}#of-api-custom-modal .modal-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:10px}#of-api-custom-modal .timeline{position:relative;padding:10px 0 10px 10px}#of-api-custom-modal .step-item{display:flex;gap:15px;position:relative;padding-bottom:25px}#of-api-custom-modal .step-item::before{content:"";position:absolute;left:14px;top:30px;bottom:-10px;width:2px;background:rgba(255,255,255,.1);z-index:0}#of-api-custom-modal .step-item:last-child::before{display:none}#of-api-custom-modal .step-dot{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1;background:var(--bg-dark);border:2px solid rgba(255,255,255,.2);flex-shrink:0}#of-api-custom-modal .step-card{flex-grow:1;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center}#of-api-custom-modal .step-item.active .step-dot{border-color:var(--action-orange);background:rgba(245,158,11,.1);color:var(--action-orange);box-shadow:0 0 15px rgba(245,158,11,.4);animation:pulse 2s infinite}#of-api-custom-modal .step-item.active .step-card{border-color:var(--action-orange);transform:translateX(5px)}#of-api-custom-modal .step-item.active .step-title{color:white;font-weight:700}#of-api-custom-modal .step-item.pending .step-dot{border-color:rgba(255,255,255,.1)}#of-api-custom-modal .step-item.pending .step-card{opacity:.6}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(245,158,11,.4)}70%{box-shadow:0 0 0 10px rgba(245,158,11,0)}100%{box-shadow:0 0 0 0 rgba(245,158,11,0)}}#of-api-custom-modal .modal-footer{padding:20px 24px;border-top:1px solid rgba(255,255,255,.05);background:rgba(30,31,48,.8);flex-shrink:0}#of-api-custom-modal .start-btn{background:linear-gradient(135deg,#f59e0b 0%,#ea580c 100%);color:white;width:100%;padding:16px;border-radius:16px;font-weight:700;font-size:1.1rem;text-align:center;box-shadow:0 0 20px rgba(245,158,11,.4);border:1px solid rgba(255,255,255,.2);transition:transform .2s;display:block}#of-api-custom-modal .start-btn:hover{transform:scale(1.02)}#of-api-custom-modal .reward-tag{font-weight:700;font-size:.85rem;color:var(--neon-mint);background:rgba(85,239,196,.1);padding:4px 10px;border-radius:6px}