.elementor-19 .elementor-element.elementor-element-e19701d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-e19701d:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-e19701d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-6b3ce7c */@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&display=swap');

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family:'Rajdhani',sans-serif;
}

/* HEADER */

.header{
    width:100%;
    height:110px;
  

    background:
    linear-gradient(
        to bottom,
        rgba(2,4,8,0.98),
        rgba(1,3,7,0.99)
    );

    border-bottom:1px solid rgba(58,95,170,0.08);

    position:relative;
    overflow:hidden;
}

/* Cyberpunk lines */

.header::before{
    content:'';

    position:absolute;

    left:0;
    bottom:12px;

    width:100%;
    height:1px;

    background:rgba(70,110,190,0.06);
}

.header::after{
    content:'';

    position:absolute;

    left:14%;
    bottom:12px;

    width:150px;
    height:1px;

    background:rgba(70,110,190,0.22);

    box-shadow:
    0 0 10px rgba(70,110,190,0.2);
}

/* CONTAINER */

.container{
    max-width:1500px;
    height:100%;

    margin:auto;

    display:flex;
    align-items:center;
    justify-content:space-between;

    padding:0 38px;
}

/* LOGO */

.logo{
    display:flex;
    align-items:center;
}

.logo img{
    height:160px;
    object-fit:contain;
        margin-top: 10px;
}

/* NAVIGATION */

.nav{
    display:flex;
    align-items:center;
    gap:44px;
}

.nav a{
    text-decoration:none;

    color:#c6cad2;

    font-size:14px;
    font-weight:700;

    letter-spacing:1px;

    text-transform:uppercase;

    position:relative;

    transition:.3s;
}

.nav a:hover{
    color:#3f8cff;
}

.nav a.active{
    color:#3f8cff;
}

/* Hover line */

.nav a::after{
    content:'';

    position:absolute;

    left:0;
    bottom:-8px;

    width:0%;
    height:2px;

    background:#3f8cff;

    transition:.3s;
}

.nav a:hover::after{
    width:100%;
}

/* DONATE BUTTON */

.donate-btn{
    width:175px;
    height:58px;

    border:2px solid #d2a11d;
    border-radius:12px;

    background:
    linear-gradient(
        to bottom,
        rgba(255,196,0,0.08),
        rgba(255,196,0,0.03)
    );

    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    color:#ffffff;

    text-decoration:none;

    font-size:16px;
    font-weight:700;

    letter-spacing:1px;

    text-transform:uppercase;

    position:relative;

    /* ПОСТІЙНЕ ПІДСВІЧУВАННЯ */
    box-shadow:
    0 0 6px rgba(255,183,0,0.35),
    0 0 16px rgba(255,183,0,0.22),
    inset 0 0 12px rgba(255,183,0,0.08);

    transition:.35s ease;
}

/* ВНУТРІШНЯ РАМКА */

.donate-btn::before{
    content:'';

    position:absolute;

    inset:5px;

    border:1px solid rgba(255,196,0,0.22);

    border-radius:8px;
}

/* HOVER */

.donate-btn:hover{
        color:#ffffff;
    background:
    linear-gradient(
        to bottom,
        rgba(255,196,0,0.16),
        rgba(255,196,0,0.08)
    );

    box-shadow:
    0 0 12px rgba(255,183,0,0.55),
    0 0 30px rgba(255,183,0,0.35),
    inset 0 0 18px rgba(255,183,0,0.12);

    transform:translateY(-2px);
}

.donate-btn span{
    font-size:18px;
}/* End custom CSS */