@font-face { font-family: 'Rubik'; src: url('/Rubik-Regular.woff2') format('woff2'), url('/Rubik-Regular.woff') format('woff'); font-weight: 400; font-style: normal; font-display: block; }
@font-face { font-family: 'Rubik'; src: url('/Rubik-Bold.woff2') format('woff2'), url('/Rubik-Bold.woff') format('woff'); font-weight: 700; font-style: normal; font-display: block; }
@keyframes slide { 0% { margin-top: 60px; opacity: 0; } 100% { margin-top: 30px; opacity: 1; } }
body { margin: 0; padding: 0; background: #fff; color: #666; text-align: center; font-family: calibri, rubik; }
main, section { margin: 40px 30px; }
a { color: #5285eb; }
section div { max-width: 1020px; min-height: 520px; margin: 0 auto; }
h1, h2, h3, h4, span {font-weight: bold; display: inline-block; margin: 20px; }
h1 { font-size: 16px; background-color: #e5f3ff; color: #6393ca; border: 0; border-radius: 10px; padding: 10px 20px; }
h2 { font-size: 64px; background: #0e7ddf; background: linear-gradient(to right, #0e7ddf 0%, #23538a 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
h3, h5 { font-size: 24px; font-weight: normal; margin: 5px; }
h4 { font-size: 42px; background: #0e7ddf; background: linear-gradient(to right, #0e7ddf 0%, #23538a 20%, #555 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: slide ease-out 0.6s forwards; opacity: 0; }
section p:first-of-type { animation: slide ease-out 0.6s forwards; opacity: 0; }
p { font-size: 18px; font-weight: normal; }
main div { display: inline-block; font-size: 24px; font-weight: normal; background-color: #fafaff; box-shadow: 1px 1px 3px -2px rgba(0,0,0,0.5); padding: 10px 20px; border-radius: 8px; margin: 20px; }
section div p { display: inline-block; width: calc( 33% - 64px ); margin: 30px; text-align: right; vertical-align: top; animation: slide ease-out 0.6s forwards; opacity: 0; }
section.editorial { margin: 30px 10px 90px; }
section.editorial div { min-height: initial; }
section.editorial div p { width: calc( 100% - 64px ); margin: 0; line-height: 24px; }
section div p strong { font-weight: bold; font-size: 21px; color: #23538a; line-height: 32px; }
main span { font-weight: normal; font-size: 18px; padding: 12px 25px; border-radius: 25px; margin: 30px; width: 340px; background: #5285eb; color: #fff; cursor: pointer; }
main span:hover { background: #6295fb; }
section div p span { display: inline-block; margin: 10px 0; padding: 10px 5px; background-color: #e5f3ff; border-radius: 10px; }
svg { display: inline-block; vertical-align: middle; margin: 0 5px; stroke: #23538a; }
main svg { stroke: #fff; }
i { font-style: normal; }
b { font-weight: normal; }
main i.deleted { text-decoration: line-through; }
#countdown { font-size: 20px; color: #23538a; }
footer i, #privacy-email { font-style: normal; cursor: pointer; color: #5285eb; text-decoration: underline; }
footer { padding: 25px; background-color: #fafafa; width: calc( 100% - 50px ); line-height: 26px; margin-top: 30px; z-index: 1; }
footer strong { font-weight: normal; }
section:last-of-type { min-height: 660px; }
.modal-privacy { display: none; position: fixed; inset: 0; background: rgba(15,23,42,.5); backdrop-filter: blur(4px); z-index: 500; align-items: center; justify-content: center; padding: 1rem; }
.modal-privacy.open { display: flex; }
.modal-box { background: white; border-radius: 16px; border: 2px solid #23538a; width: 100%; max-width: 480px; padding: 2rem; text-align: right; direction: rtl; position: relative; box-shadow: 0 8px 32px rgba(37,99,235,0.14), 0 4px 12px rgba(0,0,0,0.06); animation: fadeUp .2s ease; }
@keyframes fadeUp { from { opacity: 0; transform: translateY(12px) scale(.98); } to { opacity: 1; transform: translateY(0) scale(1); } }
.modal-close-btn { position: absolute; top: 14px; left: 14px; width: 30px; height: 30px; border-radius: 6px; border: 1px solid #8494ab; background: #f0f2f7; color: #64748b; font-size: 18px; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.modal-close-btn:hover { background: #e8eaef; color: #0f172a; }
.modal-title { font-size: 20px; font-weight: 800; color: #0f172a; margin-bottom: .4rem; }
.modal-actions { display: flex; gap: 10px; }
.btn-send { flex: 1; height: 44px; background: #23538a; color: white; border: none; border-radius: 12px; font-family: 'Rubik', system-ui, sans-serif; font-size: 15px; font-weight: 700; cursor: pointer; }
.privacy-terms { margin-bottom: 15px; }
footer #privacy { color: #5285eb; text-decoration: underline; cursor: pointer; }
@media (max-width: 1200px) { section div p { width: calc( 50% - 64px ); } h2 { font-size: 48px; } }
@media (max-width: 760px) { section div p { width: calc( 100% - 64px ); } main span { max-width: calc( 100% - 120px ); } h2 { font-size: 32px; } h3 { font-size: 22px; } h4 { font-size: 30px; } footer { font-size: 13px; } }