:root {
    --royal-blue: #0a192f;
    --gold: #d4af37;
    --cream: #fdfaf6;
    --white: #ffffff;
    --font-titles: 'Heebo', sans-serif;
    --font-body: 'Assistant', sans-serif;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: var(--font-body); direction: rtl; color: #2c3e50; line-height: 1.8; background-color: var(--white); }

.container { max-width: 1000px; margin: 0 auto; padding: 0 20px; }
.section-padding { padding: 90px 0; }

/* טיפוגרפיה */
h1, h2, h3 { font-family: var(--font-titles); color: var(--royal-blue); }
h1 { font-size: 3.5rem; font-weight: 900; line-height: 1.1; margin-bottom: 20px; }
h2 { font-size: 2.6rem; font-weight: 800; margin-bottom: 40px; position: relative; }
h2::after { content: ''; display: block; width: 60px; height: 4px; background: var(--gold); margin-top: 15px; }

header { background: var(--white); border-bottom: 4px solid var(--gold); padding: 15px 0; position: sticky; top: 0; z-index: 1000; }
.header-flex { display: flex; justify-content: space-between; align-items: center; }
.logo { font-family: var(--font-titles); font-weight: 900; font-size: 24px; color: var(--royal-blue); }
nav ul { display: flex; list-style: none; gap: 25px; }
nav a { text-decoration: none; font-weight: 700; color: var(--royal-blue); transition: 0.3s; }
nav a:hover { color: var(--gold); }

.hero { 
    background: linear-gradient(rgba(10, 25, 47, 0.92), rgba(10, 25, 47, 0.92)), url('kabbalah-bg.jpg') center/cover;
    height: 65vh; display: flex; align-items: center; justify-content: center; text-align: center; color: white;
}
.top-tag { color: var(--gold); font-weight: 700; letter-spacing: 2px; font-size: 0.9rem; margin-bottom: 15px; display: block; }

.btn-primary, .btn-gold { 
    background: var(--gold); color: var(--royal-blue); border: none; padding: 18px 45px; 
    border-radius: 5px; font-weight: 800; font-size: 1.1rem; cursor: pointer; transition: 0.3s;
}
.btn-primary:hover { transform: translateY(-3px); box-shadow: 0 10px 25px rgba(212, 175, 55, 0.3); }

.feature-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.feature-card { padding: 40px; border: 1px solid #eee; border-radius: 20px; text-align: center; background: #fff; transition: 0.3s; }
.feature-card:hover { transform: translateY(-5px); border-color: var(--gold); }
.feature-card .icon { font-size: 50px; color: var(--gold); margin-bottom: 20px; }

/* מדור רכישה */
.bg-purchase { background-color: var(--royal-blue); color: white; }
.bg-purchase h2 { color: white; }
.purchase-box { max-width: 750px; margin: 0 auto; text-align: center; }
.price-display { margin: 35px 0; font-family: var(--font-titles); }
.amount { font-size: 4.5rem; font-weight: 900; color: var(--gold); }
.currency { font-size: 2.2rem; vertical-align: top; color: var(--gold); margin-left: 5px; }
.purchase-steps { text-align: right; background: rgba(255,255,255,0.06); padding: 35px; border-radius: 15px; margin-bottom: 35px; border-right: 5px solid var(--gold); }
.purchase-steps ol { margin-top: 15px; padding-right: 25px; }

.contact-form { display: flex; flex-direction: column; gap: 15px; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
input, textarea { padding: 16px; border-radius: 5px; border: none; font-size: 1rem; font-family: inherit; }

.legal-card { border: 2px solid #eee; padding: 45px; border-radius: 20px; text-align: center; background: var(--cream); }
.warning-icon { font-size: 60px; color: #8b0000; margin-bottom: 25px; }

footer { background: #050d1a; color: rgba(255,255,255,0.5); padding: 40px 0; text-align: center; font-size: 0.95rem; border-top: 1px solid var(--gold); }

@media (max-width: 768px) {
    .feature-grid, .form-row { grid-template-columns: 1fr; }
    h1 { font-size: 2.5rem; }
}