.hf-ratecard{background:#fff;border-radius:18px;padding:28px;width:330px;box-shadow:0 12px 35px #0000001f;text-align:center;transition:.25s}.hf-ratecard:hover{transform:translateY(-4px);box-shadow:0 18px 45px #00000029}.hf-tag{display:inline-block;padding:6px 14px;border-radius:12px;font-size:12px;color:#fff;background:linear-gradient(90deg,#00d6ff,#0075ff);font-weight:600;margin-bottom:14px}.hf-rate{font-size:42px;font-weight:800;color:#0036ff}.hf-apr{color:#444;font-size:16px;margin-top:4px}.hf-pay{font-size:15px;color:#222;margin-top:2px}.hf-line{width:70%;margin:16px auto;border-top:1px solid #e6e6e6}.hf-fee{font-size:15px;color:#000;margin-bottom:6px}.hf-fee .inc{display:block;font-size:12px;color:#0075ff;margin-top:3px}.hf-breakdown-btn{width:100%;margin-top:16px;background:linear-gradient(90deg,#0075ff,#41ffbb);color:#fff;border:none;padding:14px;font-weight:700;border-radius:10px;cursor:pointer;font-size:16px;transition:opacity .2s,transform .2s}.hf-breakdown-btn:hover{opacity:.9;transform:translateY(-1px)}.cb-back{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:9999}.cb-modal{background:#fff;border-radius:20px;padding:34px;width:520px;max-width:90%;max-height:90vh;overflow-y:auto;animation:cbFade .3s ease;box-shadow:0 18px 45px #0000002e;position:relative}@keyframes cbFade{0%{transform:scale(.9);opacity:.3}to{opacity:1;transform:scale(1)}}.cb-x{position:absolute;right:20px;top:18px;border:none;background:none;font-size:20px;cursor:pointer;color:#666;padding:4px 8px;border-radius:6px;transition:background .2s}.cb-x:hover{background:#f0f0f0}.cb-title{text-align:center;margin-bottom:6px;font-size:24px;font-weight:700;color:#111}.cb-sub{text-align:center;color:#666;margin-bottom:22px;font-size:14px}.cb-tabs{display:flex;justify-content:space-between;margin-bottom:14px;background:#f3f7ff;border-radius:12px;padding:4px}.cb-tab{flex:1;text-align:center;padding:10px 0;border-radius:10px;font-size:14px;cursor:pointer;font-weight:600;color:#333;transition:all .2s}.cb-tab:hover{background:#ffffff80}.cb-tab.active{background:#fff;box-shadow:0 2px 6px #0000000f;color:#0051ff}.cb-body{padding:4px 4px 18px;max-height:300px;overflow-y:auto}.cb-section-total{font-size:32px;font-weight:700;color:#0036ff;text-align:center;margin-bottom:4px}.cb-section-label{text-align:center;color:#666;font-size:14px;margin-bottom:16px}.cb-row{display:flex;justify-content:space-between;padding:8px 2px;font-size:15px;color:#111}.cb-row:not(:last-child){border-bottom:1px solid #eee}.cb-row span{color:#555}.cb-row b{font-weight:600;color:#111}.cb-sum div{display:flex;justify-content:space-between;margin:8px 0;font-size:16px}.cb-note{background:#f8f9fa;border-radius:8px;padding:12px;margin-top:16px;font-size:12px;color:#666;line-height:1.5}.cb-pdf,.cb-continue{width:100%;padding:14px;border-radius:10px;border:none;font-weight:700;margin-top:10px;cursor:pointer;font-size:15px;transition:all .2s}.cb-pdf{background:#e6eefe;color:#0051ff}.cb-pdf:hover{background:#d8e2ff}.cb-continue{background:linear-gradient(90deg,#0068ff,#04f7b3);color:#fff}.cb-continue:hover{opacity:.9;transform:translateY(-1px)}.cb-footer{display:flex;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid #eee;flex-wrap:wrap}.cb-footer-stat{flex:1;min-width:70px;text-align:center}.cb-footer-value{font-size:16px;font-weight:700;color:#111}.cb-footer-label{font-size:11px;color:#888;margin-top:2px}@media(prefers-color-scheme:dark){.hf-ratecard{background:#1a1a1f}.hf-rate{color:#4da6ff}.hf-apr,.hf-pay{color:#ccc}.hf-fee{color:#eee}.hf-line{border-top-color:#333}.cb-modal{background:#1a1a1f}.cb-title{color:#fff}.cb-sub,.cb-x{color:#aaa}.cb-x:hover{background:#333}.cb-tabs{background:#252530}.cb-tab{color:#aaa}.cb-tab:hover{background:#ffffff1a}.cb-tab.active{background:#333;color:#4da6ff}.cb-section-total{color:#4da6ff}.cb-row{border-bottom-color:#333}.cb-row span{color:#aaa}.cb-row b{color:#eee}.cb-note{background:#252530;color:#aaa}.cb-pdf{background:#1a3a5c;color:#4da6ff}.cb-pdf:hover{background:#1a4570}.cb-footer{border-top-color:#333}.cb-footer-value{color:#fff}}
