/* ========================================================= BRILL VAULT — PREMIUM BD STORE FORM ========================================================= */ #bv-final .bvbd-custom-card { width: min(760px, 100%) !important; height: auto !important; min-height: 0 !important; margin: 0 auto !important; padding: 26px !important; background: radial-gradient( circle at 90% 0%, rgba(241, 199, 91, 0.055), transparent 32% ), linear-gradient( 145deg, #0E1D2E, #091624 ) !important; border: 1px solid #1B3048 !important; border-radius: 18px !important; box-shadow: 0 24px 60px rgba(0, 0, 0, 0.17) !important; overflow: visible !important; } /* TITLE */ #bv-final .bvbd-custom-card h2, #bv-final .bvbd-custom-card h3 { margin: 0 0 5px !important; color: #F4F7FB !important; font-size: 19px !important; font-weight: 800 !important; letter-spacing: -0.025em !important; } #bv-final .bvbd-custom-card .bvbd-description { margin: 0 0 24px !important; color: #7188A2 !important; font-size: 12px !important; line-height: 1.5 !important; } /* FORM LAYOUT */ #bv-final .bvbd-purchase-grid { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(230px, 0.82fr) !important; gap: 16px !important; align-items: end !important; } /* LABEL */ #bv-final .bvbd-label { display: block !important; margin: 0 0 8px 2px !important; color: #A9BAD0 !important; font-size: 12px !important; font-weight: 700 !important; } /* MONEY INPUT */ #bv-final .bvbd-money { display: flex !important; align-items: center !important; min-height: 54px !important; width: 100% !important; padding: 0 15px !important; box-sizing: border-box !important; background: #081726 !important; border: 1px solid #1B3048 !important; border-radius: 12px !important; transition: border-color .18s ease, box-shadow .18s ease, background .18s ease !important; } #bv-final .bvbd-money:hover { border-color: rgba(93, 167, 255, 0.30) !important; } #bv-final .bvbd-money:focus-within { background: #091A2C !important; border-color: #5DA7FF !important; box-shadow: 0 0 0 3px rgba(93, 167, 255, 0.08) !important; } #bv-final .bvbd-symbol { display: grid !important; place-items: center !important; width: 38px !important; height: 30px !important; margin-right: 12px !important; padding-right: 12px !important; border-right: 1px solid #1B3048 !important; color: #5DA7FF !important; font-size: 14px !important; font-weight: 800 !important; } #bv-final .bvbd-input { flex: 1 !important; height: 52px !important; padding: 0 !important; margin: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; outline: none !important; color: #F4F7FB !important; font-size: 18px !important; font-weight: 750 !important; font-variant-numeric: tabular-nums !important; } #bv-final .bvbd-input:focus { border: 0 !important; box-shadow: none !important; } /* PREVIEW */ #bv-final .bvbd-preview { display: flex !important; flex-direction: column !important; justify-content: center !important; min-height: 54px !important; padding: 0 16px !important; box-sizing: border-box !important; background: rgba(93, 167, 255, 0.055) !important; border: 1px solid rgba(93, 167, 255, 0.14) !important; border-radius: 12px !important; } #bv-final .bvbd-preview-label { margin-bottom: 4px !important; color: #607A98 !important; font-size: 10px !important; font-weight: 700 !important; letter-spacing: .04em !important; text-transform: uppercase !important; } #bv-final .bvbd-preview-value { color: #F1C75B !important; font-size: 14px !important; font-weight: 800 !important; } /* RATE */ #bv-final .bvbd-rate { display: flex !important; justify-content: space-between !important; gap: 14px !important; margin-top: 10px !important; color: #617B98 !important; font-size: 11px !important; } #bv-final .bvbd-rate strong { color: #9DB3CD !important; font-weight: 700 !important; } /* ACTION BAR */ #bv-final .bvbd-action-row { display: flex !important; justify-content: flex-end !important; align-items: center !important; gap: 12px !important; margin-top: 22px !important; padding-top: 20px !important; border-top: 1px solid rgba(27, 48, 72, 0.75) !important; } /* BUTTON */ #bv-final .bvbd-buy-button { width: auto !important; min-width: 220px !important; height: 48px !important; padding: 0 24px !important; border-radius: 11px !important; border: 1px solid rgba(93, 167, 255, 0.40) !important; background: linear-gradient( 180deg, #347DDF, #2867BA ) !important; color: #FFFFFF !important; font-size: 13px !important; font-weight: 800 !important; box-shadow: 0 12px 28px rgba(52, 125, 223, 0.18) !important; transition: transform .17s ease, box-shadow .17s ease, background .17s ease !important; } #bv-final .bvbd-buy-button:hover { transform: translateY(-1px) !important; background: linear-gradient( 180deg, #5DA7FF, #347DDF ) !important; box-shadow: 0 15px 34px rgba(52, 125, 223, 0.25) !important; } /* SECURITY MESSAGE */ #bv-final .bvbd-security { margin-right: auto !important; display: flex !important; align-items: center !important; gap: 8px !important; color: #6E859F !important; font-size: 10px !important; } #bv-final .bvbd-security::before { content: "✓"; display: grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; background: rgba(85, 214, 166, 0.11); color: #55D6A6; font-size: 9px; font-weight: 900; } /* REMOVE HUGE EMPTY AREA */ #bv-final .bvbd-custom-card, #bv-final .bvbd-custom-card > div, #bv-final .bvbd-custom-card form { min-height: 0 !important; height: auto !important; } /* MOBILE */ @media(max-width: 760px) { #bv-final .bvbd-custom-card { width: 100% !important; padding: 20px !important; border-radius: 14px !important; } #bv-final .bvbd-purchase-grid { grid-template-columns: 1fr !important; } #bv-final .bvbd-action-row { flex-direction: column !important; align-items: stretch !important; } #bv-final .bvbd-security { margin-right: 0 !important; } #bv-final .bvbd-buy-button { width: 100% !important; min-width: 0 !important; } }