/* ========================================================= deposit-withdraw.css — deposit-withdraw.html only (uses class="reset-spacing" on , defined in common.css) ========================================================= */ body.page-deposit-withdraw { --page-bg: #f2f2f2; --pill-bg: #1b5e20; --radius-pill: 50px; } /* ================= SECTIONS ================= */ .deposit-hero, .what-section, .why-section, .deposit-methods-section, .deposit-steps-section, .limit-section, .withdraw-section, .withdraw-steps-section, .withdraw-time-section, .rules-section { padding: 40px 0; } .problems-section, .safety-section, .final-section, .faq-section { padding: 50px 0; background: #f5f5f5; } /* ================= HEADING BARS ================= */ .title-box { margin-bottom: 25px; padding: 18px; } .title-box h1 { font-size: 28px; } .title-box h2 { font-size: 24px; } .section-title, .faq-title { padding: 15px 20px; font-size: 26px; } .section-title { margin-bottom: 25px; } .problems-section .section-title { margin-bottom: 40px; } /* second heading in the same section ("Final Words") needs space above it */ .final-section .section-title:not(:first-child) { margin-top: 40px; } .faq-title { margin-bottom: 30px; } /* ================= BODY TEXT ================= */ .hero-text, .what-text, .why-text, .deposit-text, .limit-text, .withdraw-text, .withdraw-intro, .time-text, .rules-text, .steps-intro, .step p, .withdraw-step p { font-size: 15px; line-height: 1.7; color: #333; } .hero-text, .what-text, .why-text, .deposit-text, .limit-text, .withdraw-text, .time-text, .rules-text { margin-bottom: 15px; } .hero-text { margin-bottom: 20px; line-height: 1.8; } .deposit-text { margin-bottom: 20px; } .steps-intro, .withdraw-intro { margin-bottom: 25px; } .intro-text, .closing-text, .text { font-size: 16px; color: #333; } .intro-text { margin-bottom: 20px; } .closing-text { margin-bottom: 25px; } .text { margin-bottom: 18px; line-height: 1.6; } .hero-text a { color: #1a73e8; text-decoration: none; } .link { color: #00a884; font-weight: 500; text-decoration: none; } .link:hover { text-decoration: underline; } /* ================= LISTS ================= */ .what-list, .why-list, .deposit-list, .limit-list, .withdraw-list, .time-list, .rules-list { padding-left: 25px; margin-bottom: 20px; } .what-list li, .why-list li, .deposit-list li, .limit-list li, .withdraw-list li, .time-list li, .rules-list li { margin-bottom: 8px; font-size: 15px; color: #333; } .why-list, .what-list, .time-list { margin-bottom: 25px; } .deposit-list li { margin-bottom: 10px; } .deposit-list a { color: #1a73e8; text-decoration: underline; } .goal-section { margin-top: 20px; } .goal-title { margin-bottom: 10px; font-weight: bold; } .goal-section ul { list-style: none; } .goal-section li { margin-bottom: 8px; font-size: 15px; color: #333; } .deposit-subtitle { margin-bottom: 15px; font-size: 22px; font-weight: bold; color: #222; } .deposit-warning { padding: 10px 15px; background: #fff; font-size: 15px; color: #333; border-left: 4px solid #f5a623; } /* Lists with a purple tick */ .check-list { margin-bottom: 25px; list-style: none; } .check-list li { position: relative; margin-bottom: 10px; padding-left: 28px; font-size: 16px; color: #333; } .check-list li::before { content: "\2714"; position: absolute; left: 0; top: 0; font-weight: bold; color: #6a1b9a; } /* ================= STEP BLOCKS ================= */ .steps-block, .withdraw-steps { margin-bottom: 30px; } .step, .withdraw-step { margin-bottom: 25px; } .step h3, .withdraw-step h3 { margin-bottom: 8px; font-size: 22px; font-weight: bold; color: #222; } /* ================= IMAGES ================= */ .deposit-image, .withdraw-image { margin-top: 30px; text-align: center; } .deposit-image img, .withdraw-image img { width: 260px; border-radius: 10px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); } .image-caption, .withdraw-caption { margin-top: 8px; font-size: 14px; color: #555; } .image-box { text-align: center; } .image-box img { width: 220px; } /* ================= PROBLEMS / SAFETY / FAQ ================= */ .problem-block { margin-bottom: 40px; } .problem-block h3, .faq-item h3 { margin-bottom: 10px; font-size: 22px; font-weight: bold; color: #111; } .solution-label { margin-bottom: 10px; font-weight: bold; } .problem-block ul { padding-left: 25px; } .problem-block ul li { margin-bottom: 8px; font-size: 16px; color: #333; } .tips-list { padding-left: 25px; margin-bottom: 25px; } .tips-list li { margin-bottom: 10px; font-size: 16px; color: #333; } .faq-item { margin-bottom: 25px; } .faq-item h3 { margin-bottom: 8px; } .faq-item p { font-size: 16px; line-height: 1.5; color: #333; } /* ================= RESPONSIVE ================= */ @media (max-width: 768px) { .title-box h1 { font-size: 22px; } .title-box h2 { font-size: 19px; } .section-title, .faq-title { font-size: 20px; } }