@import url(https://fonts.googleapis.com/earlyaccess/opensanshebrew.css); @import url(https://fonts.googleapis.com/earlyaccess/opensanshebrewcondensed.css); html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; } /* בדיקת CSS */ /* ---- Base Styles ---- */ body { background: #0f0f12; color: #e0e0e0; font-family: 'Poppins', sans-serif; font-size: 16px; line-height: 1.6; margin: 0; padding: 0; } /* ---- Banner / Hero Section ---- */ .hero { position: relative; background: url('hero-bg.jpg') center / cover no-repeat; height: 400px; display: flex; align-items: center; justify-content: center; text-align: center; color: #ffd700; } .hero::after { content: ''; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.6); } .hero h1 { position: relative; font-size: 3rem; z-index: 1; text-shadow: 0 0 10px #ffd700; } /* ---- Widget Cards ---- */ .widget { background: rgba(20, 20, 30, 0.8); border: 1px solid #333; border-radius: 0px; padding: 20px; margin-bottom: 0px; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.7); transition: transform 0.3s ease, border 0.3s ease; } .widget:hover { transform: translateY(-5px); border-color: #000000; } .widget-title i { font-size: 1.4rem; } /* ---- Sections Grid ---- */ .grid { display: grid; gap: 20px; grid-template-columns: repeat(auto-fit,minmax(280px,1fr)); } /* CSS - ניתן להכניס בקובץ סטייל גלובלי או בתוך