:root { color-scheme: dark; font-family: Georgia, "Times New Roman", serif; color: #e8dcc3; background: #100b08; --gold: #d2a452; --wine: #7b252b; --line: rgba(216,170,83,.24); }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; background: radial-gradient(circle at 50% 0, rgba(120,65,27,.22), transparent 35%), linear-gradient(115deg, #100a08, #1e120d 50%, #100a08); line-height: 1.65; }
a { color: #e4bd6f; text-underline-offset: 3px; }
a:hover { color: #ffe09a; }
.site-head { position: sticky; top: 0; z-index: 5; display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 68px; padding: 9px max(18px, calc((100vw - 1040px)/2)); border-bottom: 1px solid var(--line); background: rgba(20,13,9,.94); backdrop-filter: blur(10px); }
.site-brand { display: flex; align-items: center; gap: 10px; color: #f0ce86; text-decoration: none; font-size: 24px; font-weight: 700; }.site-brand img { width: 38px; height: 44px; }.site-head nav { display: flex; gap: 18px; }.site-head nav a { color: #baa889; font-size: 14px; text-decoration: none; }
.hero { padding: 76px 20px 62px; text-align: center; border-bottom: 1px solid var(--line); background: radial-gradient(ellipse at 50% 15%, rgba(139,72,30,.27), transparent 55%); }.eyebrow { color: #a88755; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; }.hero h1 { max-width: 900px; margin: 8px auto 14px; color: #f0cf8a; font-size: clamp(38px, 7vw, 68px); line-height: 1.05; text-shadow: 0 4px 20px #000; }.hero p { max-width: 720px; margin: 0 auto 25px; color: #b9aa91; font-size: 19px; }.cta { display: inline-flex; padding: 11px 20px; color: #24150c; background: linear-gradient(#ebc878, #aa7431); border: 1px solid #f5d792; text-decoration: none; font-weight: 700; box-shadow: 0 8px 24px #0008; }
.content { width: min(920px, calc(100% - 36px)); margin: 0 auto; padding: 45px 0 70px; }.content h2 { margin-top: 42px; color: #e5c37f; font-size: 30px; line-height: 1.2; }.content h3 { color: #cfab6b; font-size: 21px; }.content p, .content li { color: #c0b097; }.lead { font-size: 18px; }.rule-table { width: 100%; margin: 24px 0; border-collapse: collapse; background: rgba(8,5,3,.28); }.rule-table th, .rule-table td { padding: 12px 14px; border: 1px solid var(--line); text-align: left; }.rule-table th { color: #f0cf8b; background: rgba(111,64,28,.28); }.rule-table td:last-child { color: #e5bc6c; font-weight: 700; white-space: nowrap; }.note, .faq { padding: 18px 20px; border: 1px solid #6f502a; background: linear-gradient(110deg, rgba(101,57,25,.27), rgba(14,9,6,.4)); }.steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; padding: 0; counter-reset: step; list-style: none; }.steps li { padding: 20px; border: 1px solid var(--line); background: rgba(9,6,4,.27); }.steps li::before { counter-increment: step; content: counter(step); display: grid; place-items: center; width: 32px; height: 32px; margin-bottom: 9px; color: #27160c; border-radius: 50%; background: var(--gold); font-weight: 700; }.faq { margin: 10px 0; }.faq h3 { margin: 0 0 5px; }.faq p { margin: 0; }.breadcrumbs { margin-bottom: 28px; color: #766a57; font-size: 13px; }.site-foot { padding: 25px 18px; color: #766a58; border-top: 1px solid var(--line); text-align: center; font-size: 13px; }.site-foot a { margin: 0 7px; }
@media (max-width: 700px) { .site-head { position: static; align-items: flex-start; }.site-head nav { flex-direction: column; gap: 2px; text-align: right; }.hero { padding-top: 45px; }.hero p { font-size: 17px; }.steps { grid-template-columns: 1fr; }.rule-table { font-size: 14px; }.rule-table th, .rule-table td { padding: 9px 8px; } }