/* CRUSHPANEL ULTIMATE CSS - HIGH-CONTRAST TECH SAAS */ :root { --primary-color: #0F172A; --accent-color: #E11D48; --secondary-accent: #BE123C; --bg-color: #F8FAFC; --surface-color: #FFFFFF; --text-main: #1E293B; --text-muted: #64748B; --border-color: #E2E8F0; } body { background-color: var(--bg-color) !important; font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; color: var(--text-main) !important; } /* NAVBAR & SIDEBAR */ .navbar, .header, .sidebar, header, .app-header { background-color: var(--primary-color) !important; border: none !important; } .navbar a, .sidebar a { color: #FFFFFF !important; font-weight: 500; } .logo-text { font-weight: 900; font-size: 26px; color: #FFFFFF !important; letter-spacing: -1px; } /* BUTTONS (Sharp 4px) */ .btn-primary, .btn, .button { background-color: var(--accent-color) !important; border-color: var(--accent-color) !important; border-radius: 4px !important; color: white !important; font-weight: 700; text-transform: uppercase; padding: 12px 24px; transition: all 0.2s ease; box-shadow: 0 4px 6px -1px rgba(225, 29, 72, 0.4); } .btn-primary:hover, .btn:hover { background-color: var(--secondary-accent) !important; border-color: var(--secondary-accent) !important; box-shadow: 0 6px 8px -1px rgba(225, 29, 72, 0.6); } /* CARDS (Sharp 4px, Crisp Shadow) */ .box, .panel, .card, .widget { border-radius: 4px !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; border: 1px solid var(--border-color) !important; background: var(--surface-color) !important; } /* ACTIVE LINKS */ .navbar-nav .nav-link.active, .navbar .nav-list > li.active > a, .nav-item.active > a { background-color: rgba(255,255,255,0.05) !important; color: var(--accent-color) !important; border: none !important; border-bottom: 3px solid var(--accent-color) !important; border-radius: 0 !important; font-weight: 700; } a { color: var(--accent-color) !important; text-decoration: none; } /* LANG DROPDOWN */ .navbar .ts-control, .navbar .ts-control .item, .navbar .form-select, .navbar select, .navbar .ts-wrapper, .navbar .ts-control input { color: #FFFFFF !important; font-weight: 600; } .navbar .ts-control { background-color: rgba(255,255,255,0.1) !important; border: 1px solid rgba(255,255,255,0.2) !important; border-radius: 4px !important; } /* EXIT INTENT POPUP */ #exit-popup { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(15, 23, 42, 0.8); z-index: 9999; justify-content: center; align-items: center; backdrop-filter: blur(5px); } .exit-popup-content { background: white; padding: 3rem; border-radius: 4px; max-width: 500px; text-align: center; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5); border-top: 6px solid var(--accent-color); position: relative; } .exit-popup-content h2 { color: var(--primary-color); font-weight: 900; margin-bottom: 1rem; font-size: 2rem; } .exit-popup-content p { color: var(--text-muted); font-size: 1.1rem; margin-bottom: 2rem; } .exit-discount { font-size: 3rem; font-weight: 900; color: var(--accent-color); margin: 1rem 0; display: block; } .close-popup { position: absolute; top: 10px; right: 15px; font-size: 24px; cursor: pointer; color: #94A3B8; } /* ORDER PAGE PRICING TRAPS & UPSELL FEAR */ .pricing-48mo { border: 3px solid var(--accent-color) !important; transform: scale(1.05); z-index: 10; position: relative; box-shadow: 0 20px 25px -5px rgba(225, 29, 72, 0.2) !important; } .pricing-48mo::before { content: "BEST VALUE"; position: absolute; top: -15px; left: 50%; transform: translateX(-50%); background: var(--accent-color); color: white; padding: 4px 12px; font-weight: 800; font-size: 0.85rem; border-radius: 4px; letter-spacing: 1px; } .strike-price { text-decoration: line-through; color: #EF4444; font-size: 1rem; margin-right: 8px; font-weight: normal; } .addon-fear-trap { border: 2px dashed #EF4444 !important; background-color: #FEF2F2 !important; padding: 1rem; margin-top: 1rem; border-radius: 4px; } .addon-fear-trap h4 { color: #B91C1C; font-weight: 800; font-size: 1rem; margin-bottom: 0.25rem; } .addon-fear-trap p { color: #991B1B; font-size: 0.85rem; margin-bottom: 0; font-weight: 600; }
×

WAIT! DON'T LEAVE!

You forgot to claim your final discount.

+ 5% EXTRA OFF

Use code CRUSH5 at checkout. Valid for 10 minutes.

Products

Crush-Premium

Billing

Billing Cycle

Domain Configuration

You will need to update your nameservers to point to our servers.

Powered by FOSSBilling
© 2026 CrushHost - Premium Cloud Hosting
Top