@font-face { font-family: "Vazirmatn"; src: url("/simorgh/fonts/Vazirmatn-Regular.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Vazirmatn"; src: url("/simorgh/fonts/Vazirmatn-Bold.woff2") format("woff2"); font-weight: 700; font-display: swap; }

:root { --g9: #052821; --g10: #031c17; --gold: #d3a62b; --cream: #f6f1e3; }
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
body {
    font-family: "Vazirmatn", Tahoma, sans-serif;
    color: var(--cream);
    background:
        radial-gradient(ellipse at 85% 0%, rgba(211,166,43,.20), transparent 55%),
        linear-gradient(165deg, var(--g9), var(--g10));
    background-attachment: fixed;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    min-height: 100vh; padding: 24px 16px;
}
.card {
    width: min(100%, 460px);
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(211,166,43,.35);
    border-radius: 20px;
    padding: 32px 28px 26px;
    text-align: center;
    box-shadow: 0 24px 60px rgba(0,0,0,.35);
}
.logo { width: 60px; height: 80px; object-fit: contain; }
.org { margin: 14px 0 0; font-size: .95rem; line-height: 1.9; color: #e9e2cc; }
.org strong { color: var(--gold); font-size: 1.25rem; }
.rule { width: 64px; height: 3px; background: var(--gold); border-radius: 2px; margin: 18px auto; }
h1 { font-size: 1.35rem; margin: 0 0 12px; }
.lead { line-height: 2; margin: 0 0 18px; color: #f1ead6; }
.lead b { color: var(--gold); }
.tips {
    text-align: right; margin: 0; padding: 14px 18px 14px 14px;
    list-style: none; background: rgba(0,0,0,.18); border-radius: 12px;
    font-size: .88rem; line-height: 2; color: #d9d2bd;
}
.tips li::before { content: "◆"; color: var(--gold); margin-left: 8px; font-size: .7rem; }
footer { margin-top: 18px; font-size: .85rem; }
footer a { color: #cfc6ad; text-decoration: none; }
footer a:hover { color: var(--gold); }