:root{
    --el-bg:#07080f;
    --el-bg-2:#0b0d1a;
    --el-card:rgba(255,255,255,.04);
    --el-card-2:rgba(255,255,255,.06);
    --el-border:rgba(255,255,255,.09);
    --el-txt:#eef0ff;
    --el-muted:#9aa1c0;
    --el-accent:var(--theme-color-1,#7c5cff);
    --el-accent-2:#22d3ee;
    --el-accent-3:#f472b6;
    --el-grad:linear-gradient(90deg,var(--el-accent),var(--el-accent-2));
    --el-radius:18px;
    --el-font-head:'Sora',sans-serif;
    --el-font-body:'Inter',sans-serif;
}

body{
    background:var(--el-bg);
    color:var(--el-txt);
    font-family:var(--el-font-body);
}

h1,h2,h3,h4,h5,h6{
    font-family:var(--el-font-head);
    color:var(--el-txt);
}

::selection{
    background:var(--el-accent);
    color:#fff;
}

.el-aurora{
    position:fixed;
    inset:0;
    z-index:-2;
    overflow:hidden;
    pointer-events:none;
    background:
        radial-gradient(60% 50% at 15% 0%,rgba(124,92,255,.16),transparent 60%),
        radial-gradient(50% 40% at 85% 10%,rgba(34,211,238,.10),transparent 60%),
        radial-gradient(45% 45% at 50% 100%,rgba(244,114,182,.07),transparent 60%),
        var(--el-bg);
}
.el-aurora::after{
    content:"";
    position:absolute;
    inset:0;
    background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);
    background-size:34px 34px;
    -webkit-mask-image:radial-gradient(70% 60% at 50% 0%,#000 0%,transparent 100%);
    mask-image:radial-gradient(70% 60% at 50% 0%,#000 0%,transparent 100%);
}
.el-orb{
    position:absolute;
    border-radius:50%;
    filter:blur(90px);
    opacity:.35;
    animation:elFloat 14s ease-in-out infinite;
}
.el-orb-1{width:420px;height:420px;background:#7c5cff;top:-140px;left:-120px}
.el-orb-2{width:360px;height:360px;background:#22d3ee;top:10%;right:-140px;animation-delay:-5s}
.el-orb-3{width:300px;height:300px;background:#f472b6;bottom:-120px;left:35%;animation-delay:-9s;opacity:.2}
@keyframes elFloat{
    0%,100%{transform:translate(0,0) scale(1)}
    33%{transform:translate(40px,-30px) scale(1.08)}
    66%{transform:translate(-30px,25px) scale(.95)}
}

.el-gradient-text{
    background:linear-gradient(90deg,var(--el-accent),var(--el-accent-2),var(--el-accent-3),var(--el-accent));
    background-size:300% 100%;
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    animation:elHue 6s linear infinite;
}
@keyframes elHue{to{background-position:300% 0}}

.el-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 18px;
    border-radius:999px;
    background:rgba(124,92,255,.12);
    border:1px solid rgba(124,92,255,.35);
    color:#c9b8ff;
    font-size:.85rem;
    font-weight:600;
    margin-bottom:28px;
}
.el-badge .el-dot{
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--el-accent-2);
    box-shadow:0 0 12px var(--el-accent-2);
    animation:elBlink 2s infinite;
}
@keyframes elBlink{0%,100%{opacity:1}50%{opacity:.3}}

.el-cursor{
    display:inline-block;
    width:3px;
    height:1em;
    vertical-align:-2px;
    background:var(--el-accent-2);
    margin-left:4px;
    animation:elCursorBlink 1s step-end infinite;
}
@keyframes elCursorBlink{50%{opacity:0}}

.el-reveal{
    opacity:0;
    transform:translateY(36px);
    transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1);
}
.el-reveal.el-visible{
    opacity:1;
    transform:none;
}

.el-demo-card{
    margin:64px auto 0;
    width:100%;
    max-width:860px;
    border-radius:var(--el-radius);
    background:linear-gradient(180deg,var(--el-card-2),rgba(255,255,255,.02));
    border:1px solid var(--el-border);
    backdrop-filter:blur(14px);
    box-shadow:0 30px 80px rgba(0,0,0,.5);
    overflow:hidden;
    text-align:left;
    transition:transform .5s cubic-bezier(.2,.8,.2,1);
}
.el-demo-card:hover{transform:translateY(-8px)}
.el-demo-bar{
    display:flex;
    gap:8px;
    align-items:center;
    padding:16px 20px;
    border-bottom:1px solid var(--el-border);
}
.el-demo-bar span{width:12px;height:12px;border-radius:50%;background:#3a3d55}
.el-demo-bar span:nth-child(1){background:#ff5f57}
.el-demo-bar span:nth-child(2){background:#febc2e}
.el-demo-bar span:nth-child(3){background:#28c840}
.el-demo-tab{
    width:auto !important;
    height:auto !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.06) !important;
    border:1px solid var(--el-border);
    padding:4px 14px;
    font-size:.78rem;
    color:var(--el-muted);
    margin-left:14px;
}
.el-demo-body{padding:26px 28px;font-size:.95rem;color:#c6cbe8}
.el-demo-body .el-prompt{color:#8b91b5;font-size:.85rem;margin-bottom:14px}
.el-demo-output{min-height:96px}
.el-demo-output .el-word{display:inline-block;opacity:0;animation:elWordIn .4s ease forwards}
@keyframes elWordIn{
    from{opacity:0;filter:blur(4px);transform:translateY(6px)}
    to{opacity:1;filter:blur(0);transform:none}
}

.el-stats{
    display:flex;
    justify-content:center;
    gap:18px;
    flex-wrap:wrap;
    margin-top:44px;
}
.el-stat{
    text-align:center;
    padding:22px 34px;
    border-radius:var(--el-radius);
    background:var(--el-card);
    border:1px solid var(--el-border);
    min-width:150px;
    transition:transform .4s cubic-bezier(.2,.8,.2,1);
}
.el-stat:hover{transform:translateY(-6px)}
.el-stat .el-num{
    font-family:var(--el-font-head);
    font-size:2.2rem;
    font-weight:800;
    background:var(--el-grad);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    line-height:1.1;
}
.el-stat .el-lbl{color:var(--el-muted);font-size:.82rem;margin-top:4px}

.el-marquee{
    overflow:hidden;
    position:relative;
    padding:10px 0;
    margin-bottom:50px;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);
    mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);
}
.el-marquee-track{
    display:flex;
    gap:16px;
    width:max-content;
    animation:elScroll 42s linear infinite;
}
.el-marquee:hover .el-marquee-track{animation-play-state:paused}
@keyframes elScroll{to{transform:translateX(-50%)}}
.el-chip{
    display:flex;
    align-items:center;
    gap:10px;
    padding:14px 22px;
    border-radius:14px;
    white-space:nowrap;
    background:var(--el-card);
    border:1px solid var(--el-border);
    color:#c6cbe8;
    font-weight:500;
    font-size:.9rem;
    transition:border-color .3s,color .3s,transform .3s;
}
.el-chip:hover{border-color:var(--el-accent);color:#fff;transform:scale(1.05)}
.el-chip i{font-size:1.15rem;color:var(--el-accent-2)}

.ud-header{
    background:transparent;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:99;
    padding:22px 0;
    transition:all .4s cubic-bezier(.2,.8,.2,1);
}
.ud-header.sticky{
    background:rgba(9,10,20,.72) !important;
    backdrop-filter:blur(18px);
    border-bottom:1px solid var(--el-border);
}
.ud-header .navbar{
    background:transparent !important;
    box-shadow:none !important;
}
.ud-header .navbar-brand img{max-height:42px}
.ud-header .navbar-nav .nav-item a{
    color:var(--el-muted) !important;
    font-weight:500;
    position:relative;
}
.ud-header .navbar-nav .nav-item a:hover,
.ud-header .navbar-nav .nav-item a.active{
    color:var(--el-txt) !important;
}
.ud-header .navbar-nav .nav-item a::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-6px;
    width:0;
    height:2px;
    border-radius:2px;
    background:var(--el-grad);
    transition:width .35s cubic-bezier(.2,.8,.2,1);
}
.ud-header .navbar-nav .nav-item a:hover::after,
.ud-header .navbar-nav .nav-item a.active::after{width:100% !important}

.ud-main-btn{
    background:var(--el-grad);
    color:#fff !important;
    border:none;
    border-radius:999px;
    font-family:var(--el-font-head);
    font-weight:600;
    box-shadow:0 8px 28px rgba(124,92,255,.35);
    transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s;
}
.ud-main-btn:hover{
    transform:translateY(-3px);
    box-shadow:0 14px 40px rgba(124,92,255,.5);
    color:#fff !important;
}
.ud-white-btn{
    background:#fff !important;
    color:#0b0d1a !important;
    box-shadow:0 8px 28px rgba(255,255,255,.18);
}
.ud-white-btn:hover{
    background:#fff !important;
    color:#0b0d1a !important;
    transform:translateY(-3px);
    box-shadow:0 14px 40px rgba(255,255,255,.28);
}
.ud-header .ud-white-btn{background:rgba(255,255,255,.1) !important;color:#fff !important;border:1px solid var(--el-border);backdrop-filter:blur(8px)}
.ud-header .ud-white-btn:hover{background:#fff !important;color:#0b0d1a !important}

.ud-hero{
    background:transparent;
    padding:190px 0 100px;
    position:relative;
    overflow:hidden;
}
.anim-elements{display:none}
.ud-hero-content .ud-hero-title{
    font-size:clamp(2.4rem,6vw,4.4rem);
    font-weight:800;
    color:var(--el-txt);
    margin-bottom:26px;
}
.ud-hero-content .ud-hero-desc{
    color:var(--el-muted);
    font-size:1.15rem;
    max-width:680px;
    margin:0 auto 36px;
}
.ud-hero-brands-wrapper{color:var(--el-muted);font-size:.88rem}
.ud-hero-image{display:none}

.ud-features,.ud-templates,.ud-images,.ud-about,.ud-pricing,.ud-faq,.ud-testimonials,.ud-partners,.ud-blog{
    background:transparent;
    position:relative;
}
.ud-features{padding:100px 0}
.ud-section-title span{
    display:inline-block;
    font-size:.8rem;
    font-weight:700;
    letter-spacing:.22em;
    text-transform:uppercase;
    color:var(--el-accent-2);
    background:none;
    -webkit-text-fill-color:var(--el-accent-2);
    margin-bottom:14px;
    width:auto;
    height:auto;
    line-height:1.4;
}
.ud-section-title h2{color:var(--el-txt);font-weight:800;margin-bottom:16px}
.ud-section-title p{color:var(--el-muted)}

.ud-single-feature{
    background:var(--el-card);
    border:1px solid var(--el-border);
    border-radius:var(--el-radius);
    padding:34px 26px;
    margin-bottom:30px;
    position:relative;
    overflow:hidden;
    transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .45s,box-shadow .45s;
}
.ud-single-feature::before{
    content:"";
    position:absolute;
    inset:0;
    opacity:0;
    transition:opacity .45s;
    background:radial-gradient(420px at var(--el-mx,50%) var(--el-my,0%),rgba(124,92,255,.14),transparent 60%);
    pointer-events:none;
}
.ud-single-feature:hover{
    transform:translateY(-10px);
    border-color:rgba(124,92,255,.5);
    box-shadow:0 24px 60px rgba(0,0,0,.45);
}
.ud-single-feature:hover::before{opacity:1}
.ud-feature-icon{
    width:56px;
    height:56px;
    border-radius:16px;
    background:var(--el-grad);
    color:#fff;
    font-family:var(--el-font-head);
    font-weight:800;
    font-size:1.25rem;
    display:grid;
    place-items:center;
    margin-bottom:20px;
    box-shadow:0 10px 26px rgba(124,92,255,.4);
    transition:transform .45s cubic-bezier(.34,1.56,.64,1);
    line-height:1;
    padding:0;
}
.ud-single-feature:hover .ud-feature-icon{transform:rotate(-8deg) scale(1.1)}
.ud-feature-title{color:var(--el-txt);font-size:1.12rem}
.ud-feature-desc{color:var(--el-muted);font-size:.94rem}

.ud-templates .template-categories ul{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:10px;
}
.ud-templates .template-categories ul li{
    width:auto;
    margin:0;
}
.ud-templates .template-categories ul li a{
    padding:9px 20px;
    border-radius:999px;
    border:1px solid var(--el-border);
    background:var(--el-card);
    color:var(--el-muted);
    font-size:.85rem;
    font-weight:500;
    transition:all .3s;
}
.ud-templates .template-categories ul li a:hover,
.ud-templates .template-categories ul li.active a{
    background:var(--el-grad);
    color:#fff;
    border-color:transparent;
    transform:translateY(-2px);
    box-shadow:0 8px 24px rgba(124,92,255,.35);
}
.ud-templates .ai-templates-category-title h4{
    color:var(--el-txt);
    font-size:1.3rem;
    font-weight:700;
    margin:36px 0 22px;
    position:relative;
    padding-left:16px;
}
.ud-templates .ai-templates-category-title h4::before{
    content:"";
    position:absolute;
    left:0;
    top:6px;
    bottom:6px;
    width:4px;
    border-radius:4px;
    background:var(--el-grad);
}
.ud-templates .dashboard-box.ai-templates{
    background:var(--el-card);
    border:1px solid var(--el-border);
    border-radius:var(--el-radius);
    padding:26px 22px;
    transition:transform .4s cubic-bezier(.2,.8,.2,1),border-color .4s,box-shadow .4s;
    height:100%;
}
.ud-templates .dashboard-box.ai-templates:hover{
    transform:translateY(-8px);
    border-color:rgba(124,92,255,.5);
    box-shadow:0 20px 50px rgba(0,0,0,.4);
}
.ud-templates .ai-templates-icon{
    background:rgba(124,92,255,.14);
    border:1px solid rgba(124,92,255,.3);
    color:var(--el-accent-2);
    width:48px;
    height:48px;
    border-radius:14px;
    font-size:1.3rem;
    margin-bottom:16px;
    transition:transform .4s cubic-bezier(.34,1.56,.64,1);
}
.ud-templates .dashboard-box.ai-templates:hover .ai-templates-icon{transform:scale(1.12) rotate(-6deg)}
.ud-templates .dashboard-box.ai-templates h4{color:var(--el-txt);font-size:1rem}
.ud-templates .dashboard-box.ai-templates p{color:var(--el-muted);font-size:.87rem}
.ud-templates .ai-templates-pro h4 .dashboard-status-button.yellow{
    background:var(--el-grad);
    color:#fff;
    border-radius:999px;
    padding:2px 10px;
    font-size:.62rem;
    font-weight:700;
    letter-spacing:.06em;
    text-transform:uppercase;
}
.ai-template-blocks-toggle-button a{
    color:var(--el-accent-2) !important;
    font-weight:600;
}

.ud-images .ai-lightbox-image img{
    border-radius:14px;
    border:1px solid var(--el-border);
    transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s;
}
.ud-images .ai-lightbox-image:hover img{
    transform:translateY(-6px) scale(1.03);
    box-shadow:0 18px 44px rgba(0,0,0,.5);
}

.ud-about-wrapper{
    background:linear-gradient(180deg,var(--el-card-2),rgba(255,255,255,.02));
    border:1px solid var(--el-border);
    border-radius:26px;
    padding:60px 50px;
    display:flex;
    align-items:center;
    gap:50px;
    backdrop-filter:blur(14px);
}
.ud-about-content .tag{
    display:inline-block;
    font-size:.8rem;
    font-weight:700;
    letter-spacing:.22em;
    text-transform:uppercase;
    color:var(--el-accent-2);
    background:none;
    -webkit-text-fill-color:var(--el-accent-2);
    width:auto;
    height:auto;
    padding:0;
    margin-bottom:12px;
}
.ud-about-content h2{color:var(--el-txt);font-weight:800;margin-bottom:16px}
.ud-about-content p{color:var(--el-muted);margin-bottom:12px}
.ud-about-image{flex:none;max-width:420px}
.ud-about-image img{
    border-radius:20px;
    border:1px solid var(--el-border);
    box-shadow:0 30px 80px rgba(0,0,0,.5);
    animation:elFloatImg 8s ease-in-out infinite;
}
@keyframes elFloatImg{
    0%,100%{transform:translateY(0)}
    50%{transform:translateY(-14px)}
}

.ud-pricing .tabs-header{
    border:1px solid var(--el-border);
    border-radius:999px;
    background:var(--el-card);
    overflow:hidden;
}
.ud-pricing .tabs-header ul li a{color:var(--el-muted);font-weight:600}
.ud-pricing .tabs-header ul li.active a{color:#fff}
.billing-cycle-radios .radio label{color:var(--el-muted);font-weight:600;cursor:pointer}
.billing-cycle-radios .radio input:checked + label{color:var(--el-txt)}
.billing-cycle-radios .radio input:checked + label .radio-label{
    background:var(--el-grad);
    border-color:transparent;
    box-shadow:0 4px 14px rgba(124,92,255,.45);
}
.billing-cycle-radios .radio-label{
    background:var(--el-card);
    border:1px solid var(--el-border);
}
.pricing-plan{
    background:var(--el-card);
    border:1px solid var(--el-border);
    border-radius:22px;
    padding:36px 28px;
    transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s;
}
.pricing-plan:hover{
    transform:translateY(-10px);
    box-shadow:0 30px 70px rgba(0,0,0,.5);
}
.pricing-plan.recommended{
    background:linear-gradient(var(--el-bg-2),var(--el-bg-2)) padding-box,var(--el-grad) border-box;
    border:1.5px solid transparent;
    transform:scale(1.03);
}
.pricing-plan.recommended:hover{transform:scale(1.03) translateY(-10px)}
.recommended-badge{
    background:var(--el-grad);
    border-radius:999px;
    padding:6px 20px;
    font-size:.72rem;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
    box-shadow:0 8px 22px rgba(124,92,255,.4);
}
.pricing-plan h3{color:var(--el-txt)}
.pricing-plan-label strong{
    font-family:var(--el-font-head);
    font-size:2.4rem;
    color:var(--el-txt);
    background:var(--el-grad);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
}
.pricing-plan-label{color:var(--el-muted)}
.pricing-plan-features > strong{color:var(--el-txt)}
.pricing-plan-features ul li{
    border-bottom:1px solid var(--el-border);
    color:var(--el-muted);
    padding:10px 0;
}
.pricing-plan-features ul li strong{color:var(--el-txt)}
.pricing-plan-features ul li .icon-text.yes{color:#34d399}
.pricing-plan-features ul li .icon-text.no{color:#6b7194}
.pricing-plan .button,
.pricing-plan button[type="submit"]{
    background:var(--el-grad);
    color:#fff;
    border:none;
    border-radius:999px;
    font-family:var(--el-font-head);
    font-weight:600;
    box-shadow:0 8px 26px rgba(124,92,255,.35);
    transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s;
}
.pricing-plan .button:hover,
.pricing-plan button[type="submit"]:hover{
    transform:translateY(-3px);
    box-shadow:0 14px 38px rgba(124,92,255,.5);
    color:#fff;
}

.ud-faq .shape{display:none}
.ud-single-faq .accordion{
    background:var(--el-card);
    border:1px solid var(--el-border);
    border-radius:16px;
    overflow:hidden;
    transition:border-color .35s,box-shadow .35s;
    margin-bottom:14px;
}
.ud-single-faq .accordion:hover{border-color:rgba(124,92,255,.4)}
.ud-faq-btn{
    background:none;
    color:var(--el-txt);
    font-family:var(--el-font-head);
    font-weight:600;
    padding:20px 22px;
    border:none;
    width:100%;
    text-align:left;
    display:flex;
    align-items:center;
    gap:14px;
}
.ud-faq-btn .icon{
    width:28px;
    height:28px;
    flex:none;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:rgba(124,92,255,.18);
    color:#c9b8ff;
    transition:transform .4s cubic-bezier(.34,1.56,.64,1),background .3s;
}
.ud-faq-btn.collapsed .icon{transform:rotate(0)}
.ud-faq-btn:not(.collapsed) .icon{
    transform:rotate(180deg);
    background:var(--el-grad);
    color:#fff;
}
.ud-faq-body{color:var(--el-muted);padding:0 22px 20px;font-size:.93rem}
.ud-faq-body p{margin-bottom:0}

.ud-testimonials .testimonial-box{
    background:var(--el-card);
    border:1px solid var(--el-border);
    border-radius:var(--el-radius);
    padding:28px 24px;
    transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .45s;
}
.ud-testimonials .fw-carousel-review:hover .testimonial-box{
    transform:translateY(-8px) rotate(-.5deg);
    border-color:rgba(124,92,255,.45);
}
.ud-testimonials .testimonial-avatar img{
    border-radius:50%;
    border:2px solid rgba(124,92,255,.5);
    box-shadow:0 6px 20px rgba(124,92,255,.35);
}
.ud-testimonials .testimonial-author h4{color:var(--el-txt);font-size:.98rem}
.ud-testimonials .testimonial-author span{color:var(--el-accent-2);font-size:.8rem}
.ud-testimonials .testimonial{color:var(--el-muted);font-size:.88rem}

.ud-partners .logo-carousel-item{
    opacity:.6;
    transition:opacity .3s,transform .3s;
}
.ud-partners .logo-carousel-item:hover{opacity:1;transform:translateY(-4px)}

.ud-blog .section-headline h3{color:var(--el-txt)}
.ud-blog .headline-link{color:var(--el-accent-2);font-weight:600}
.blog-compact-item{
    background:var(--el-card);
    border:1px solid var(--el-border);
    border-radius:var(--el-radius);
    overflow:hidden;
    transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .45s,box-shadow .45s;
    height:100%;
    display:flex;
    flex-direction:column;
}
.blog-compact-item-container:hover .blog-compact-item{
    transform:translateY(-8px);
    border-color:rgba(124,92,255,.5);
    box-shadow:0 24px 60px rgba(0,0,0,.45);
}
.blog-compact-item > img{
    height:190px;
    object-fit:cover;
    filter:saturate(.9);
    transition:filter .4s,transform .6s cubic-bezier(.2,.8,.2,1);
}
.blog-compact-item:hover > img{filter:saturate(1.15);transform:scale(1.04)}
.blog-compact-item .blog-item-tag{
    background:var(--el-grad);
    color:#fff;
    border-radius:999px;
    font-size:.72rem;
    font-weight:700;
    padding:4px 14px;
}
.blog-compact-item-content{padding:20px 22px;background:transparent}
.blog-compact-item-content .blog-post-tags li{color:var(--el-muted);font-size:.78rem}
.blog-compact-item-content h3{color:var(--el-txt);font-size:1.05rem;transition:color .3s}
.blog-compact-item-container:hover h3{color:#c9b8ff}
.blog-compact-item-content p{color:var(--el-muted);font-size:.87rem}

.footer-newsletter{
    background:linear-gradient(135deg,rgba(124,92,255,.16),rgba(34,211,238,.09));
    border:1px solid rgba(124,92,255,.35);
    border-radius:28px;
    overflow:hidden;
    position:relative;
    padding:0;
}
.footer-newsletter .shape{display:none}
.footer-newsletter .inner-content{padding:70px 40px}
.footer-newsletter .title h3{color:var(--el-txt)}
.footer-newsletter .title p{color:var(--el-muted)}
.footer-newsletter .newsletter-form{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    align-items:center;
    background:var(--el-card);
    border:1px solid var(--el-border);
    border-radius:999px;
    padding:8px;
}
.footer-newsletter .newsletter-email{
    background:transparent;
    border:none;
    color:var(--el-txt);
    flex:1;
    min-width:200px;
    padding:10px 18px;
}
.footer-newsletter .newsletter-email:focus{outline:none}
.footer-newsletter .newsletter-form .button .btn{
    background:var(--el-grad);
    color:#fff;
    border:none;
    border-radius:999px;
    font-family:var(--el-font-head);
    font-weight:600;
    padding:12px 26px;
    transition:transform .3s,box-shadow .3s;
}
.footer-newsletter .newsletter-form .button .btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(124,92,255,.5)}
#newsletter-form-status{width:100%;color:var(--el-accent-2)}

#footer{
    background:rgba(4,5,10,.85);
    border-top:1px solid var(--el-border);
    margin-top:90px;
}
#footer .footer-middle-section{background:transparent;padding:70px 0 40px}
#footer .footer-logo img{max-height:48px;margin-bottom:18px}
#footer .footer-middle-section p{color:var(--el-muted);font-size:.9rem}
#footer .footer-links h3{
    color:var(--el-txt);
    font-size:.95rem;
    margin-bottom:18px;
    font-family:var(--el-font-head);
}
#footer .footer-links ul li a{
    color:var(--el-muted);
    font-size:.9rem;
    transition:color .3s,padding-left .3s;
}
#footer .footer-links ul li a:hover{color:#fff;padding-left:6px}
#footer .footer-bottom-section{
    background:rgba(0,0,0,.3);
    border-top:1px solid var(--el-border);
    padding:22px 0;
}
#footer .footer-copyright-text{color:var(--el-muted);font-size:.85rem}
#footer .footer-social-links li a{
    color:var(--el-muted);
    border:1px solid var(--el-border);
    border-radius:50%;
    transition:all .3s cubic-bezier(.34,1.56,.64,1);
}
#footer .footer-social-links li a:hover{
    background:var(--el-grad);
    color:#fff;
    border-color:transparent;
    transform:translateY(-4px);
}

.language-switcher .btn-default{
    background:var(--el-card);
    border:1px solid var(--el-border);
    color:var(--el-txt);
    border-radius:999px;
}
.language-switcher .dropdown-menu{
    background:var(--el-bg-2);
    border:1px solid var(--el-border);
}
.language-switcher .dropdown-menu li a{color:var(--el-muted)}
.language-switcher .dropdown-menu li a:hover{color:#fff;background:rgba(124,92,255,.15)}

.header-notifications-dropdown{
    background:var(--el-bg-2);
    border:1px solid var(--el-border);
    box-shadow:0 20px 60px rgba(0,0,0,.6);
}
.user-menu-small-nav li a{color:var(--el-muted)}
.user-menu-small-nav li a:hover{color:#fff;background:rgba(124,92,255,.15)}
.user-avatar{border:2px solid rgba(124,92,255,.5);box-shadow:0 0 18px rgba(124,92,255,.35)}

.cookieConsentContainer{
    background:var(--el-bg-2);
    border:1px solid var(--el-border);
    color:var(--el-txt);
    border-radius:16px;
}
.cookieConsentContainer .cookieTitle h3{color:var(--el-txt)}
.cookieConsentContainer .cookieDesc p{color:var(--el-muted)}
.cookieConsentContainer .cookieButton .button{
    background:var(--el-grad);
    color:#fff;
    border-radius:999px;
}

@media (max-width:991px){
    .ud-about-wrapper{flex-direction:column;padding:40px 26px}
    .ud-about-image{max-width:100%}
    .ud-hero{padding:150px 0 70px}
    .el-stat{padding:16px 22px;min-width:120px}
    .el-stat .el-num{font-size:1.7rem}
}