.elementor-794 .elementor-element.elementor-element-9a88052{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}body:not(.rtl) .elementor-794 .elementor-element.elementor-element-6c4a917{left:0px;}body.rtl .elementor-794 .elementor-element.elementor-element-6c4a917{right:0px;}.elementor-794 .elementor-element.elementor-element-6c4a917{top:0px;}.elementor-794 .elementor-element.elementor-element-e88961b{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-794 .elementor-element.elementor-element-400770b .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:10rem;font-weight:600;}:root{--page-title-display:none;}/* Start custom CSS */.hero-spark {
    border-radius: 50% !important;
    /* במקום הילה, אנחנו יוצרים זנב ע"י צבע משתנה */
    background: radial-gradient(circle at 30% 30%, white, transparent 70%) !important;
    filter: drop-shadow(5px -5px 10px white);
    
}



/* ==============================================
   1. הקונטיינר הראשי והרקע האפל (Deep Dark)
============================================== */
.bright-hero-container {
    position: relative !important;
    background-color: #04070d !important;
    overflow: hidden !important;
    width: 100% !important;
    padding: 0 !important;
}

/* ==============================================
   2. ווידג'ט הרקע - הבמה של האורות והעיגולים
============================================== */
.bg-rings-widget {
    position: absolute !important;
    top: 0 !important; left: 0 !important;
    width: 100% !important; height: 100% !important;
    z-index: 1 !important;
    pointer-events: none !important;
}

.bg-layer {
    position: relative;
    width: 100%; height: 100%;
}

/* ==============================================
   3. משודרג! הטבעות התלת-ממדיות האורגניות (Wobbly Rings)
============================================== */
.ring {
    position: absolute !important;
    /* מתחילים עם border-radius לא מושלם כדי לאפשר עיוות צורה */
    border-radius: 52% 48% 49% 51% / 51% 49% 52% 48% !important;
    border: 15px solid rgba(255, 255, 255, 0.95) !important; 
    background: radial-gradient(circle, rgba(15, 23, 42, 0.4) 0%, rgba(0, 0, 0, 0) 70%) !important;
    
    box-shadow: 
        0 0 60px rgba(99, 102, 241, 0.35), 
        0 0 30px rgba(59, 130, 246, 0.25),
        0 0 10px rgba(255, 255, 255, 0.6),
        inset 0 0 25px rgba(255, 255, 255, 0.9),
        inset 0 0 40px rgba(99, 102, 241, 0.4) !important;
        
    filter: brightness(0.7) contrast(1.1) blur(0px);
    will-change: transform, opacity, border-radius;
}

.ring-right { width: 500px !important; height: 500px !important; top: -50px !important; left: calc(100% - 400px) !important; }
.ring-left { width: 320px !important; height: 320px !important; bottom: 10% !important; left: -50px !important; }
.ring-center { width: 420px !important; height: 420px !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; }

/* ==============================================
   4. גריד הלייזר העתידני (Cosmic Grid)
============================================== */
.grid-overlay {
    position: absolute !important;
    top: 0 !important; left: 0 !important;
    width: 100% !important; height: 100% !important;
    z-index: 2 !important;
    background-image: 
        linear-gradient(rgba(99, 102, 241, 0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(99, 102, 241, 0.08) 1px, transparent 1px);
    background-size: 60px 60px;
    background-position: center center;
    opacity: 0;
}

/* ==============================================
   5. מנוע עיוות חדש: הניצוץ הופך לעדשה + הילה פיזיקלית
============================================== */
.hero-spark {
    position: absolute !important;
    width: 16px;
    height: 16px;
    z-index: 10 !important; /* מעל הכל */
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    will-change: transform, opacity, width, height;
}

/* הליבה - העדשה שעושה את העיוות הפיזיקלי (Distortion Lens) */
.spark-lens {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.1) !important;
    border-radius: 50% !important;
    
    /* הטריק לעיוות כרומטי חזק וברור של האלמנטים מאחור */
    backdrop-filter: blur(2px) contrast(3) brightness(1.8) saturate(2) !important;
    -webkit-backdrop-filter: blur(2px) contrast(3) brightness(1.8) saturate(2) !important;
    
    border: 1px solid rgba(255, 255, 255, 0.8) !important;
    z-index: 2;
}

/* הילת האור מסביב לעדשה (Glow Layer) */
.spark-glow {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 
        0 0 30px #ffffff,
        0 0 60px #6366f1,
        0 0 120px #0ea5e9,
        0 0 200px rgba(99, 102, 241, 0.6) !important;
    z-index: 1;
}

/* ==============================================
   6. כרטיסיית זכוכית "קפואה" (WOW Glass)
============================================== */
.bright-glass-card {
    z-index: 5 !important;
    position: relative !important;
    background: rgba(255, 255, 255, 0.03) !important; 
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    backdrop-filter: blur(40px) !important;
    -webkit-backdrop-filter: blur(40px) !important;
    box-shadow: 
        0 20px 80px rgba(0, 0, 0, 0.8),
        0 0 30px rgba(99, 102, 241, 0.1),
        inset 0 0 15px rgba(255, 255, 255, 0.03) !important;
    width: fit-content !important;
    max-width: 90vw !important;
    padding: 4rem !important;
    border-radius: 32px !important;
    text-align: center;
}

.bright-glass-card .elementor-heading-title {
    color: #ffffff !important;
    font-weight: 900 !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.4), 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.bright-glass-card::before, .bright-glass-card::after {
    content: '' !important; position: absolute !important; border-radius: 50% !important; filter: blur(80px) !important; z-index: -1 !important; opacity: 0.6;
}
.bright-glass-card::before { width: 200px; height: 200px; background: #6366f1; top: -50px; left: -50px; }
.bright-glass-card::after { width: 150px; height: 150px; background: #0ea5e9; bottom: -30px; right: -30px; }/* End custom CSS */