body {
  min-height: 100vh;
  background: #f4f6f8;
  color: #212529;
}
.site-header { width: 100%; background: linear-gradient(135deg, #181a1f, #22252c); color: #fff; }
.site-title { font-size: 1.35rem; font-weight: 700; letter-spacing: .2px; margin: 0; line-height: 1.2; color: #ffffffc7; }
.navbar-toggler { border-color: #ffffff40; box-shadow: none !important; }
.navbar-toggler:focus { box-shadow: none; }
.header-menu { gap: .5rem; }
.header-menu .nav-link { color: #ffffffc7; font-weight: 500; padding-left: .85rem; padding-right: .85rem; border-radius: .65rem; }
.header-menu .nav-link:hover, .header-menu .nav-link:focus { color: #fff; background: #ffffff14; }
.hero-card, .about-card, .content-card { border: 1px solid #e6e8ec; border-radius: 1.25rem; overflow: hidden; }
.form-select, .form-control, .alert, .font-card, .about-card, .content-card { border-radius: .85rem; }
.hero-intro { max-width: 780px; }
.flip-hero-card { background: linear-gradient(180deg, #ffffff, #fbfcfd); }
.coin-widget { max-width: 460px; }
.coin-area { perspective: 1000px; margin: 0 auto 2rem; }
.coin { width: 190px; height: 190px; margin: 0 auto; position: relative; transform-style: preserve-3d; transition: transform 2.2s cubic-bezier(.2,.8,.2,1); }
.side { position: absolute; width: 100%; height: 100%; border-radius: 50%; backface-visibility: hidden; display: flex; align-items: center; justify-content: center; overflow: hidden; border: 8px solid #9b6b22; box-shadow: inset 0 0 18px rgba(255,255,255,.35), inset 0 0 35px rgba(0,0,0,.35), 0 18px 35px rgba(17,24,39,.28); background: radial-gradient(circle at 35% 30%, #ffe08a, #c8902d 45%, #8b5a17 100%); }
.side::before { content: ""; position: absolute; width: 82%; height: 82%; border-radius: 50%; border: 3px dashed rgba(80,45,10,.45); }
.heads { transform: rotateY(0deg); }
.tails { transform: rotateY(180deg); }
.coin-symbol { position: relative; z-index: 2; text-align: center; color: #5a350b; text-shadow: 0 1px 1px rgba(255,255,255,.5); font-weight: 800; max-width: 80%; }
.coin-symbol .big { font-size: 54px; line-height: 1; text-transform: uppercase; }
.coin-symbol .small { font-size: 16px; margin-top: 8px; letter-spacing: 1.5px; text-transform: uppercase; overflow-wrap: anywhere; }
.flip-button { min-width: 170px; font-weight: 700; }
.result { margin-top: 1.5rem; font-size: 1.5rem; font-weight: 800; min-height: 2rem; color: #181a1f; }
.hint { margin-top: .5rem; color: #6c757d; font-size: .95rem; }
.keyword-pill-list { display: flex; flex-wrap: wrap; gap: .5rem; }
.keyword-pill { display: inline-flex; padding: .45rem .75rem; border-radius: 999px; background: #f4f6f8; color: #343a40; border: 1px solid #e6e8ec; font-weight: 600; font-size: .92rem; }
.step-list { padding-left: 1.15rem; }
html[dir="rtl"] .step-list { padding-right: 1.15rem; padding-left: 0; }
.step-list li { margin-bottom: .45rem; }
.mini-info-card { background: #f9fafb; border: 1px solid #e6e8ec; border-radius: 1rem; padding: 1rem; }
.mini-info-card h3 { color: #181a1f; font-weight: 700; }
.accordion-button { font-weight: 600; }
.accordion-button:focus { box-shadow: none; }
.site-footer { width: 100%; background: #181a1f; color: #ffffffb8; }
.footer-links { display: flex; flex-wrap: wrap; gap: .5rem 1rem; justify-content: center; margin: 0; padding: 0; list-style: none; }
.footer-links a { color: #ffffffc7; text-decoration: none; font-size: .925rem; }
.footer-links a:hover, .footer-links a:focus { color: #fff; text-decoration: underline; }
.footer-language-switcher { border-top: 1px solid #ffffff1a; margin-top: 1rem; padding-top: 1rem; }
.footer-language-title { color: #ffffffd9; font-size: .85rem; font-weight: 700; letter-spacing: .04em; text-align: center; text-transform: uppercase; }
.footer-language-links a { display: inline-flex; align-items: center; border: 1px solid #ffffff26; border-radius: 999px; padding: .3rem .65rem; line-height: 1.2; }
.footer-language-links a:hover, .footer-language-links a:focus, .footer-language-links a.active { background: #ffffff12; }
.site-logo { border-radius: .9rem; }
.back-to-top { position: fixed; right: 1rem; bottom: 1rem; width: 46px; height: 46px; border: 0; border-radius: 999px; background: #181a1f; color: #fff; font-size: 1.4rem; font-weight: 800; line-height: 1; box-shadow: 0 .75rem 1.5rem #1118273d; opacity: 0; visibility: hidden; transform: translateY(10px); transition: opacity .2s ease, visibility .2s ease, transform .2s ease, background .2s ease; z-index: 1030; }
.back-to-top:hover, .back-to-top:focus { background: #2c3038; }
.back-to-top.show { opacity: 1; visibility: visible; transform: translateY(0); }
.breadcrumb-nav { --bs-breadcrumb-divider-color: #6c757d; font-size: .925rem; }
.breadcrumb-nav a { color: #495057; text-decoration: none; }
.breadcrumb-nav a:hover, .breadcrumb-nav a:focus { color: #111827; text-decoration: underline; }
.legal-content h2 { margin-top: 1.5rem; }
.legal-content p, .legal-content li { color: #6c757d; }
@media (max-width: 991.98px) { .header-navbar-row { flex-wrap: wrap; } .site-logo { flex: 0 0 auto; } .site-title { flex: 1 1 auto; min-width: 0; } .navbar-toggler { flex: 0 0 auto; } .navbar-collapse { flex: 0 0 100%; width: 100%; margin-top: 1rem; padding: .75rem; background: #ffffff0f; border: 1px solid #ffffff1a; border-radius: 1rem; } .header-menu { width: 100%; } .header-menu .nav-link { padding: .75rem .85rem; } }
@media (max-width: 575.98px) { main.py-5 { padding-top: 2rem !important; padding-bottom: 2rem !important; } .coin { width: 158px; height: 158px; } .coin-symbol .big { font-size: 44px; } .coin-symbol .small { font-size: 12px; letter-spacing: .8px; } .result { font-size: 1.25rem; } .back-to-top { width: 42px; height: 42px; right: .75rem; bottom: .75rem; } }


.brand-link { color: inherit; }
.brand-link:hover .site-title, .brand-link:focus .site-title { color: #fff; }
.footer-language-title { display: none !important; }
.back-to-top { position: fixed; right: 1rem; bottom: 1rem; width: 44px; height: 44px; border-radius: 999px; border: 1px solid #ffffff33; background: #181a1f; color: #fff; font-size: 1.35rem; font-weight: 800; line-height: 1; display: inline-flex; align-items: center; justify-content: center; box-shadow: 0 .75rem 1.5rem #11182730; opacity: 0; visibility: hidden; transform: translateY(8px); transition: opacity .18s ease, visibility .18s ease, transform .18s ease, background .18s ease; z-index: 1030; }
.back-to-top.show { opacity: 1; visibility: visible; transform: translateY(0); }
.back-to-top:hover, .back-to-top:focus { background: #2c3038; }
.legal-content h2 { margin-top: 2rem; margin-bottom: .75rem; font-size: 1.35rem; font-weight: 800; color: #181a1f; }
.legal-content h2:first-of-type { margin-top: 0; }
.legal-content p { color: #4b5563; line-height: 1.75; }
.brand-link .site-title { transition: color .15s ease; }
@media (max-width: 575.98px) { .back-to-top { right: .75rem; bottom: .75rem; width: 42px; height: 42px; } .site-title { font-size: 1.12rem; } }

.brand-block { color: inherit; }