/* === Downloads Page Styles (Light Theme + Green) === */ .dl-page-wrapper { font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; background-color: #f8fafc; /* רקע בהיר ונקי */ color: #1e293b; min-height: 80vh; padding: 100px 20px; display: flex; justify-content: center; align-items: center; } .dl-container { max-width: 900px; width: 100%; background: #ffffff; /* קופסה לבנה */ border: 1px solid #e2e8f0; border-radius: 20px; padding: 60px 40px; text-align: center; box-shadow: 0 15px 40px rgba(0,0,0,0.05); /* הצללה עדינה */ } .dl-icon { display: inline-flex; justify-content: center; align-items: center; width: 100px; height: 100px; background: rgba(50, 190, 166, 0.1); /* רקע ירוק שקוף לאייקון */ border-radius: 50%; margin-bottom: 30px; } .dl-icon svg { color: #32bea6; width: 50px; height: 50px; } /* צבע ירוק-טורקיז */ .dl-title { font-size: 42px; font-weight: 800; color: #0f172a; margin-bottom: 15px; line-height: 1.1; } .dl-subtitle { font-size: 18px; color: #64748b; margin-bottom: 50px; line-height: 1.6; max-width: 600px; margin-left: auto; margin-right: auto; } .dl-download-box { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; padding: 40px; display: flex; align-items: center; justify-content: space-between; transition: transform 0.3s ease, border-color 0.3s ease; margin-bottom: 20px; } .dl-download-box:hover { transform: translateY(-5px); border-color: #32bea6; box-shadow: 0 10px 30px rgba(50, 190, 166, 0.15); background: #ffffff; } .dl-info { text-align: left; display: flex; align-items: center; gap: 20px; } .dl-os-icon { font-size: 40px; color: #32bea6; } .dl-os-details h3 { margin: 0 0 5px 0; font-size: 24px; color: #0f172a; } .dl-os-details p { margin: 0; font-size: 14px; color: #64748b; } .dl-btn { background-color: #32bea6; color: #ffffff; font-size: 18px; font-weight: bold; padding: 15px 35px; border-radius: 8px; text-decoration: none; display: flex; align-items: center; gap: 10px; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(50, 190, 166, 0.3); } .dl-btn:hover { background-color: #289985; color: #ffffff; transform: translateY(-2px); box-shadow: 0 6px 20px rgba(50, 190, 166, 0.5); } .dl-note { margin-top: 40px; font-size: 14px; color: #64748b; line-height: 1.6; } .dl-note a { color: #32bea6; text-decoration: none; font-weight: bold; } .dl-note a:hover { text-decoration: underline; } @media (max-width: 768px) { .dl-download-box { flex-direction: column; gap: 30px; text-align: center; } .dl-info { flex-direction: column; text-align: center; } .dl-btn { width: 100%; justify-content: center; } }