.elementor-892 .elementor-element.elementor-element-c09036d{--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:0px;--padding-left:40px;--padding-right:40px;}.elementor-892 .elementor-element.elementor-element-c09036d:not(.elementor-motion-effects-element-type-background), .elementor-892 .elementor-element.elementor-element-c09036d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dronynatsii.space/wp-content/uploads/2026/05/ChatGPT-Image-19-трав.-2026-р.-09_03_44-1.png");background-size:contain;}.elementor-892 .elementor-element.elementor-element-7871e81{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;border-radius:35px 35px 35px 35px;}.elementor-892 .elementor-element.elementor-element-7871e81.elementor-element{--align-self:center;}.elementor-892 .elementor-element.elementor-element-1c802f3{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;border-radius:35px 35px 35px 35px;}.elementor-892 .elementor-element.elementor-element-1c802f3.elementor-element{--align-self:center;}.elementor-892 .elementor-element.elementor-element-568ac9d{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;border-radius:35px 35px 35px 35px;}.elementor-892 .elementor-element.elementor-element-568ac9d.elementor-element{--align-self:center;}.elementor-892 .elementor-element.elementor-element-986832b{width:var( --container-widget-width, 90% );max-width:90%;margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:90%;--container-widget-flex-grow:0;border-radius:35px 35px 35px 35px;}.elementor-892 .elementor-element.elementor-element-986832b.elementor-element{--align-self:center;}.elementor-892 .elementor-element.elementor-element-8231b77{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:35px;--padding-right:35px;}.elementor-892 .elementor-element.elementor-element-42f07cc{--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;}.elementor-892 .elementor-element.elementor-element-9d74bb4{--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;}@media(min-width:768px){.elementor-892 .elementor-element.elementor-element-42f07cc{--width:50%;}.elementor-892 .elementor-element.elementor-element-9d74bb4{--width:50%;}}@media(max-width:767px){.elementor-892 .elementor-element.elementor-element-c09036d{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-892 .elementor-element.elementor-element-7871e81{width:100%;max-width:100%;padding:0px 10px 0px 10px;}.elementor-892 .elementor-element.elementor-element-1c802f3{width:100%;max-width:100%;padding:0px 10px 0px 10px;}.elementor-892 .elementor-element.elementor-element-568ac9d{width:100%;max-width:100%;padding:0px 10px 0px 10px;}.elementor-892 .elementor-element.elementor-element-986832b{width:100%;max-width:100%;padding:0px 10px 0px 10px;}}/* Start custom CSS for html, class: .elementor-element-7871e81 */.dn-partner-card{

position:relative;
max-width:1600px;

background:
radial-gradient(
circle at top,
#08245a 0%,
#04142f 35%,
#020817 100%
);

overflow:hidden;

border:1px solid rgba(255,215,0,.35);

box-shadow:
0 0 15px rgba(255,215,0,.4),
0 0 60px rgba(255,215,0,.15),
0 0 120px rgba(0,102,255,.25);

backdrop-filter:blur(10px);

}

/* Сітка HUD */

.dn-partner-card::before{

content:"";

position:absolute;
inset:0;

background-image:

linear-gradient(
rgba(255,255,255,.025) 1px,
transparent 1px
),

linear-gradient(
90deg,
rgba(255,255,255,.025) 1px,
transparent 1px
);

background-size:40px 40px;

pointer-events:none;

}

/* Сканування */

.dn-partner-card::after{

content:"";

position:absolute;

top:-100%;
left:0;

width:100%;

background:

linear-gradient(
180deg,
transparent,
rgba(0,162,255,.08),
transparent
);

animation:scanHud 8s linear infinite;

pointer-events:none;

}

@keyframes scanHud{

100%{
transform:translateY(100%);
}

}

/* Кути */

.corner{

position:absolute;
width:60px;
height:60px;
z-index:20;

}

.tl{
top:15px;
left:15px;
border-top:4px solid #ffd700;
border-left:4px solid #ffd700;
}

.tr{
top:15px;
right:15px;
border-top:4px solid #ffd700;
border-right:4px solid #ffd700;
}

.bl{
bottom:15px;
left:15px;
border-bottom:4px solid #ffd700;
border-left:4px solid #ffd700;
}

.br{
bottom:15px;
right:15px;
border-bottom:4px solid #ffd700;
border-right:4px solid #ffd700;
}

/* HEADER */

.dn-header{

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

padding:25px 30px;

background:

linear-gradient(
90deg,
rgba(255,215,0,.08),
rgba(0,102,255,.15),
rgba(255,215,0,.08)
);

border-bottom:
1px solid rgba(255,215,0,.25);

position:relative;
z-index:5;

}

.dn-title{

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

letter-spacing:4px;

color:#ffd700;

text-shadow:
0 0 10px rgba(255,215,0,.6);

}

.dn-rank{

width:80px;
height:80px;

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

background:

linear-gradient(
135deg,
#ffd700,
#ffb300
);

color:#04142f;

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

border:2px solid rgba(255,255,255,.4);

box-shadow:
0 0 30px rgba(255,215,0,.7);

}

/* BODY */

.dn-body{

display:grid;
grid-template-columns:450px 1fr;

position:relative;
z-index:5;

}

/* ФОТО */

.dn-photo{

position:relative;

overflow:hidden;

background:

linear-gradient(
135deg,
#ffd700,
#0066ff
);

padding:8px;

}

.dn-photo img{

width:100%;




display:block;

border:2px solid rgba(255,255,255,.15);

}

.scan-line{

position:absolute;

top:0;
left:-150px;

width:120px;
height:100%;

background:

linear-gradient(
90deg,
transparent,
rgba(255,255,255,.18),
transparent
);

transform:skewX(-20deg);

animation:scanPhoto 6s linear infinite;

}

@keyframes scanPhoto{

100%{
left:120%;
}

}

.dn-badge{

position:absolute;

    top: 5px;
    left: 15px;

padding:12px 20px;

background:rgba(0,0,0,.85);

border-left:4px solid #ffd700;

font-weight:700;

color:white;

backdrop-filter:blur(10px);

}

.dn-name-panel{

position:absolute;

bottom:20px;
left:20px;
right:20px;

padding:15px;

background:

rgba(0,0,0,.85);

backdrop-filter:blur(10px);

border:1px solid rgba(255,215,0,.3);

}

.dn-name-label{

font-size:12px;

letter-spacing:2px;

color:#ffd700;

margin-bottom:5px;

}

.dn-name{

font-size:28px;
font-weight:700;
color:white;

}

/* КОНТЕНТ */

.dn-content{

padding:30px;

display:flex;
flex-direction:column;
gap:20px;

}

.dn-block{

padding:25px;

background:

linear-gradient(
135deg,
rgba(0,30,80,.55),
rgba(0,0,0,.35)
);

border:1px solid rgba(0,162,255,.2);

transition:.3s;

}

.dn-block:hover{

border-color:#ffd700;

box-shadow:
0 0 30px rgba(255,215,0,.15);

}

.dn-block h3{

margin:0 0 20px;

font-size:21px;

letter-spacing:2px;

color:#ffd700;

}

.dn-row{

display:flex;
justify-content:space-between;

padding:12px 0;

border-bottom:
1px solid rgba(255,255,255,.08);

}

.dn-row span{

color:#7ab7ff;

}

.dn-row strong{

color:white;

}

.online{

color:#00ff88 !important;

text-shadow:
0 0 10px #00ff88;

}

.dn-list{

margin:0;
padding-left:20px;

}

.dn-list li{

margin-bottom:12px;
color:white;

}

/* КОНТАКТИ */

.dn-contacts{

display: flex;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    grid-auto-flow: row;
    flex-direction: column;

}

.contact-card{

display:block;

padding:15px;

text-decoration:none;

background:

linear-gradient(
135deg,
rgba(0,102,255,.12),
rgba(0,0,0,.3)
);

border:1px solid rgba(0,162,255,.2);

transition:.3s;

}

.contact-card:hover{

transform:translateY(-3px);

border-color:#ffd700;

box-shadow:
0 0 25px rgba(255,215,0,.2);

}

.contact-title{

font-size:12px;
letter-spacing:2px;
color:#ffd700;

margin-bottom:10px;

}

.contact-value{

font-size:16px;
color:white;

}

/* СТАТУС */

.dn-status{

padding:15px 20px;

display:flex;
align-items:center;
gap:15px;

background:

linear-gradient(
135deg,
rgba(0,255,136,.08),
rgba(0,0,0,.2)
);

border:1px solid #00ff88;

color:#00ff88;

font-weight:700;

}

.status-dot{

width:12px;
height:12px;

border-radius:50%;

background:#00ff88;

box-shadow:
0 0 15px #00ff88;

}

/* ЦИТАТА */

.dn-quote{

padding:20px;

background:

linear-gradient(
135deg,
rgba(255,215,0,.05),
rgba(0,102,255,.08)
);

border:1px solid rgba(255,215,0,.2);

}

.quote-label{

font-size:14px;
letter-spacing:3px;
color:#ffd700;

margin-bottom:15px;

}

.quote-text{

font-size:18px;
font-weight:500;
line-height:1.4;

color:white;

text-transform:uppercase;

}


/* TABLET */

@media (max-width:1024px){

    .dn-body{
        grid-template-columns:1fr;
    }

    .dn-photo{
        max-height:500px;
    }

    .dn-title{
        font-size:26px;
    }

}

/* MOBILE */

@media (max-width:768px){

    .dn-partner-card{
        border-radius:16px;
    }

    .corner{
        width:35px;
        height:35px;
    }

    .dn-header{
        padding:18px;
        flex-direction:column;
        gap:15px;
        text-align:center;
    }

    .dn-title{
        font-size:20px;
        letter-spacing:2px;
        line-height:1.3;
    }

    .dn-rank{
        width:60px;
        height:60px;
        font-size:28px;
    }

    .dn-body{
        grid-template-columns:1fr;
    }

    .dn-photo{
        padding:5px;
    }

    .dn-badge{
        font-size:12px;
        padding:8px 12px;
    }

    .dn-name-panel{
        left:12px;
        right:12px;
        bottom:12px;
        padding:12px;
    }

    .dn-name{
        font-size:22px;
    }

    .dn-content{
        padding:15px;
        gap:15px;
    }

    .dn-block{
        padding:18px;
    }

    .dn-block h3{
        font-size:17px;
        margin-bottom:15px;
    }

    .dn-row{
        flex-direction:column;
        gap:6px;
        align-items:flex-start;
    }

    .dn-contacts{
        gap:12px;
    }

    .contact-card{
        padding:12px;
    }

    .contact-value{
        font-size:14px;
        word-break:break-word;
    }

    .dn-status{
        padding:12px;
        font-size:14px;
    }

    .quote-text{
        font-size:15px;
        line-height:1.5;
    }

}

/* SMALL PHONES */

@media (max-width:480px){

    .dn-header{
        padding:15px;
    }

    .dn-title{
        font-size:18px;
        letter-spacing:1px;
    }

    .dn-rank{
        width:50px;
        height:50px;
        font-size:24px;
    }

    .dn-name{
        font-size:18px;
    }

    .dn-block{
        padding:15px;
    }

    .dn-block h3{
        font-size:15px;
    }

    .quote-text{
        font-size:14px;
    }

    .corner{
        display:none;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1c802f3 */.dn-partner-card{

position:relative;
max-width:1600px;

background:
radial-gradient(
circle at top,
#08245a 0%,
#04142f 35%,
#020817 100%
);

overflow:hidden;

border:1px solid rgba(255,215,0,.35);

box-shadow:
0 0 15px rgba(255,215,0,.4),
0 0 60px rgba(255,215,0,.15),
0 0 120px rgba(0,102,255,.25);

backdrop-filter:blur(10px);

}

/* Сітка HUD */

.dn-partner-card::before{

content:"";

position:absolute;
inset:0;

background-image:

linear-gradient(
rgba(255,255,255,.025) 1px,
transparent 1px
),

linear-gradient(
90deg,
rgba(255,255,255,.025) 1px,
transparent 1px
);

background-size:40px 40px;

pointer-events:none;

}

/* Сканування */

.dn-partner-card::after{

content:"";

position:absolute;

top:-100%;
left:0;

width:100%;

background:

linear-gradient(
180deg,
transparent,
rgba(0,162,255,.08),
transparent
);

animation:scanHud 8s linear infinite;

pointer-events:none;

}

@keyframes scanHud{

100%{
transform:translateY(100%);
}

}

/* Кути */

.corner{

position:absolute;
width:60px;
height:60px;
z-index:20;

}

.tl{
top:15px;
left:15px;
border-top:4px solid #ffd700;
border-left:4px solid #ffd700;
}

.tr{
top:15px;
right:15px;
border-top:4px solid #ffd700;
border-right:4px solid #ffd700;
}

.bl{
bottom:15px;
left:15px;
border-bottom:4px solid #ffd700;
border-left:4px solid #ffd700;
}

.br{
bottom:15px;
right:15px;
border-bottom:4px solid #ffd700;
border-right:4px solid #ffd700;
}

/* HEADER */

.dn-header{

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

padding:25px 30px;

background:

linear-gradient(
90deg,
rgba(255,215,0,.08),
rgba(0,102,255,.15),
rgba(255,215,0,.08)
);

border-bottom:
1px solid rgba(255,215,0,.25);

position:relative;
z-index:5;

}

.dn-title{

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

letter-spacing:4px;

color:#ffd700;

text-shadow:
0 0 10px rgba(255,215,0,.6);

}

.dn-rank{

width:80px;
height:80px;

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

background:

linear-gradient(
135deg,
#ffd700,
#ffb300
);

color:#04142f;

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

border:2px solid rgba(255,255,255,.4);

box-shadow:
0 0 30px rgba(255,215,0,.7);

}

/* BODY */

.dn-body{

display:grid;
grid-template-columns:450px 1fr;

position:relative;
z-index:5;

}

/* ФОТО */

.dn-photo{

position:relative;

overflow:hidden;

background:

linear-gradient(
135deg,
#ffd700,
#0066ff
);

padding:8px;

}

.dn-photo img{

width:100%;




display:block;

border:2px solid rgba(255,255,255,.15);

}

.scan-line{

position:absolute;

top:0;
left:-150px;

width:120px;
height:100%;

background:

linear-gradient(
90deg,
transparent,
rgba(255,255,255,.18),
transparent
);

transform:skewX(-20deg);

animation:scanPhoto 6s linear infinite;

}

@keyframes scanPhoto{

100%{
left:120%;
}

}

.dn-badge{

position:absolute;

    top: 5px;
    left: 15px;

padding:12px 20px;

background:rgba(0,0,0,.85);

border-left:4px solid #ffd700;

font-weight:700;

color:white;

backdrop-filter:blur(10px);

}

.dn-name-panel{

position:absolute;

bottom:20px;
left:20px;
right:20px;

padding:15px;

background:

rgba(0,0,0,.85);

backdrop-filter:blur(10px);

border:1px solid rgba(255,215,0,.3);

}

.dn-name-label{

font-size:12px;

letter-spacing:2px;

color:#ffd700;

margin-bottom:5px;

}

.dn-name{

font-size:28px;
font-weight:700;
color:white;

}

/* КОНТЕНТ */

.dn-content{

padding:30px;

display:flex;
flex-direction:column;
gap:20px;

}

.dn-block{

padding:25px;

background:

linear-gradient(
135deg,
rgba(0,30,80,.55),
rgba(0,0,0,.35)
);

border:1px solid rgba(0,162,255,.2);

transition:.3s;

}

.dn-block:hover{

border-color:#ffd700;

box-shadow:
0 0 30px rgba(255,215,0,.15);

}

.dn-block h3{

margin:0 0 20px;

font-size:21px;

letter-spacing:2px;

color:#ffd700;

}

.dn-row{

display:flex;
justify-content:space-between;

padding:12px 0;

border-bottom:
1px solid rgba(255,255,255,.08);

}

.dn-row span{

color:#7ab7ff;

}

.dn-row strong{

color:white;

}

.online{

color:#00ff88 !important;

text-shadow:
0 0 10px #00ff88;

}

.dn-list{

margin:0;
padding-left:20px;

}

.dn-list li{

margin-bottom:12px;
color:white;

}

/* КОНТАКТИ */

.dn-contacts{

display: flex;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    grid-auto-flow: row;
    flex-direction: column;

}

.contact-card{

display:block;

padding:15px;

text-decoration:none;

background:

linear-gradient(
135deg,
rgba(0,102,255,.12),
rgba(0,0,0,.3)
);

border:1px solid rgba(0,162,255,.2);

transition:.3s;

}

.contact-card:hover{

transform:translateY(-3px);

border-color:#ffd700;

box-shadow:
0 0 25px rgba(255,215,0,.2);

}

.contact-title{

font-size:12px;
letter-spacing:2px;
color:#ffd700;

margin-bottom:10px;

}

.contact-value{

font-size:16px;
color:white;

}

/* СТАТУС */

.dn-status{

padding:15px 20px;

display:flex;
align-items:center;
gap:15px;

background:

linear-gradient(
135deg,
rgba(0,255,136,.08),
rgba(0,0,0,.2)
);

border:1px solid #00ff88;

color:#00ff88;

font-weight:700;

}

.status-dot{

width:12px;
height:12px;

border-radius:50%;

background:#00ff88;

box-shadow:
0 0 15px #00ff88;

}

/* ЦИТАТА */

.dn-quote{

padding:20px;

background:

linear-gradient(
135deg,
rgba(255,215,0,.05),
rgba(0,102,255,.08)
);

border:1px solid rgba(255,215,0,.2);

}

.quote-label{

font-size:14px;
letter-spacing:3px;
color:#ffd700;

margin-bottom:15px;

}

.quote-text{

font-size:18px;
font-weight:500;
line-height:1.4;

color:white;

text-transform:uppercase;

}


/* TABLET */

@media (max-width:1024px){

    .dn-body{
        grid-template-columns:1fr;
    }

    .dn-photo{
        max-height:500px;
    }

    .dn-title{
        font-size:26px;
    }

}

/* MOBILE */

@media (max-width:768px){

    .dn-partner-card{
        border-radius:16px;
    }

    .corner{
        width:35px;
        height:35px;
    }

    .dn-header{
        padding:18px;
        flex-direction:column;
        gap:15px;
        text-align:center;
    }

    .dn-title{
        font-size:20px;
        letter-spacing:2px;
        line-height:1.3;
    }

    .dn-rank{
        width:60px;
        height:60px;
        font-size:28px;
    }

    .dn-body{
        grid-template-columns:1fr;
    }

    .dn-photo{
        padding:5px;
    }

    .dn-badge{
        font-size:12px;
        padding:8px 12px;
    }

    .dn-name-panel{
        left:12px;
        right:12px;
        bottom:12px;
        padding:12px;
    }

    .dn-name{
        font-size:22px;
    }

    .dn-content{
        padding:15px;
        gap:15px;
    }

    .dn-block{
        padding:18px;
    }

    .dn-block h3{
        font-size:17px;
        margin-bottom:15px;
    }

    .dn-row{
        flex-direction:column;
        gap:6px;
        align-items:flex-start;
    }

    .dn-contacts{
        gap:12px;
    }

    .contact-card{
        padding:12px;
    }

    .contact-value{
        font-size:14px;
        word-break:break-word;
    }

    .dn-status{
        padding:12px;
        font-size:14px;
    }

    .quote-text{
        font-size:15px;
        line-height:1.5;
    }

}

/* SMALL PHONES */

@media (max-width:480px){

    .dn-header{
        padding:15px;
    }

    .dn-title{
        font-size:18px;
        letter-spacing:1px;
    }

    .dn-rank{
        width:50px;
        height:50px;
        font-size:24px;
    }

    .dn-name{
        font-size:18px;
    }

    .dn-block{
        padding:15px;
    }

    .dn-block h3{
        font-size:15px;
    }

    .quote-text{
        font-size:14px;
    }

    .corner{
        display:none;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-568ac9d */.dn-partner-card{

position:relative;
max-width:1600px;

background:
radial-gradient(
circle at top,
#08245a 0%,
#04142f 35%,
#020817 100%
);

overflow:hidden;

border:1px solid rgba(255,215,0,.35);

box-shadow:
0 0 15px rgba(255,215,0,.4),
0 0 60px rgba(255,215,0,.15),
0 0 120px rgba(0,102,255,.25);

backdrop-filter:blur(10px);

}

/* Сітка HUD */

.dn-partner-card::before{

content:"";

position:absolute;
inset:0;

background-image:

linear-gradient(
rgba(255,255,255,.025) 1px,
transparent 1px
),

linear-gradient(
90deg,
rgba(255,255,255,.025) 1px,
transparent 1px
);

background-size:40px 40px;

pointer-events:none;

}

/* Сканування */

.dn-partner-card::after{

content:"";

position:absolute;

top:-100%;
left:0;

width:100%;

background:

linear-gradient(
180deg,
transparent,
rgba(0,162,255,.08),
transparent
);

animation:scanHud 8s linear infinite;

pointer-events:none;

}

@keyframes scanHud{

100%{
transform:translateY(100%);
}

}

/* Кути */

.corner{

position:absolute;
width:60px;
height:60px;
z-index:20;

}

.tl{
top:15px;
left:15px;
border-top:4px solid #ffd700;
border-left:4px solid #ffd700;
}

.tr{
top:15px;
right:15px;
border-top:4px solid #ffd700;
border-right:4px solid #ffd700;
}

.bl{
bottom:15px;
left:15px;
border-bottom:4px solid #ffd700;
border-left:4px solid #ffd700;
}

.br{
bottom:15px;
right:15px;
border-bottom:4px solid #ffd700;
border-right:4px solid #ffd700;
}

/* HEADER */

.dn-header{

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

padding:25px 30px;

background:

linear-gradient(
90deg,
rgba(255,215,0,.08),
rgba(0,102,255,.15),
rgba(255,215,0,.08)
);

border-bottom:
1px solid rgba(255,215,0,.25);

position:relative;
z-index:5;

}

.dn-title{

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

letter-spacing:4px;

color:#ffd700;

text-shadow:
0 0 10px rgba(255,215,0,.6);

}

.dn-rank{

width:80px;
height:80px;

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

background:

linear-gradient(
135deg,
#ffd700,
#ffb300
);

color:#04142f;

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

border:2px solid rgba(255,255,255,.4);

box-shadow:
0 0 30px rgba(255,215,0,.7);

}

/* BODY */

.dn-body{

display:grid;
grid-template-columns:450px 1fr;

position:relative;
z-index:5;

}

/* ФОТО */

.dn-photo{

position:relative;

overflow:hidden;

background:

linear-gradient(
135deg,
#ffd700,
#0066ff
);

padding:8px;

}

.dn-photo img{

width:100%;




display:block;

border:2px solid rgba(255,255,255,.15);

}

.scan-line{

position:absolute;

top:0;
left:-150px;

width:120px;
height:100%;

background:

linear-gradient(
90deg,
transparent,
rgba(255,255,255,.18),
transparent
);

transform:skewX(-20deg);

animation:scanPhoto 6s linear infinite;

}

@keyframes scanPhoto{

100%{
left:120%;
}

}

.dn-badge{

position:absolute;

    top: 5px;
    left: 15px;

padding:12px 20px;

background:rgba(0,0,0,.85);

border-left:4px solid #ffd700;

font-weight:700;

color:white;

backdrop-filter:blur(10px);

}

.dn-name-panel{

position:absolute;

bottom:20px;
left:20px;
right:20px;

padding:15px;

background:

rgba(0,0,0,.85);

backdrop-filter:blur(10px);

border:1px solid rgba(255,215,0,.3);

}

.dn-name-label{

font-size:12px;

letter-spacing:2px;

color:#ffd700;

margin-bottom:5px;

}

.dn-name{

font-size:28px;
font-weight:700;
color:white;

}

/* КОНТЕНТ */

.dn-content{

padding:30px;

display:flex;
flex-direction:column;
gap:20px;

}

.dn-block{

padding:25px;

background:

linear-gradient(
135deg,
rgba(0,30,80,.55),
rgba(0,0,0,.35)
);

border:1px solid rgba(0,162,255,.2);

transition:.3s;

}

.dn-block:hover{

border-color:#ffd700;

box-shadow:
0 0 30px rgba(255,215,0,.15);

}

.dn-block h3{

margin:0 0 20px;

font-size:21px;

letter-spacing:2px;

color:#ffd700;

}

.dn-row{

display:flex;
justify-content:space-between;

padding:12px 0;

border-bottom:
1px solid rgba(255,255,255,.08);

}

.dn-row span{

color:#7ab7ff;

}

.dn-row strong{

color:white;

}

.online{

color:#00ff88 !important;

text-shadow:
0 0 10px #00ff88;

}

.dn-list{

margin:0;
padding-left:20px;

}

.dn-list li{

margin-bottom:12px;
color:white;

}

/* КОНТАКТИ */

.dn-contacts{

display: flex;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    grid-auto-flow: row;
    flex-direction: column;

}

.contact-card{

display:block;

padding:15px;

text-decoration:none;

background:

linear-gradient(
135deg,
rgba(0,102,255,.12),
rgba(0,0,0,.3)
);

border:1px solid rgba(0,162,255,.2);

transition:.3s;

}

.contact-card:hover{

transform:translateY(-3px);

border-color:#ffd700;

box-shadow:
0 0 25px rgba(255,215,0,.2);

}

.contact-title{

font-size:12px;
letter-spacing:2px;
color:#ffd700;

margin-bottom:10px;

}

.contact-value{

font-size:16px;
color:white;

}

/* СТАТУС */

.dn-status{

padding:15px 20px;

display:flex;
align-items:center;
gap:15px;

background:

linear-gradient(
135deg,
rgba(0,255,136,.08),
rgba(0,0,0,.2)
);

border:1px solid #00ff88;

color:#00ff88;

font-weight:700;

}

.status-dot{

width:12px;
height:12px;

border-radius:50%;

background:#00ff88;

box-shadow:
0 0 15px #00ff88;

}

/* ЦИТАТА */

.dn-quote{

padding:20px;

background:

linear-gradient(
135deg,
rgba(255,215,0,.05),
rgba(0,102,255,.08)
);

border:1px solid rgba(255,215,0,.2);

}

.quote-label{

font-size:14px;
letter-spacing:3px;
color:#ffd700;

margin-bottom:15px;

}

.quote-text{

font-size:18px;
font-weight:500;
line-height:1.4;

color:white;

text-transform:uppercase;

}


/* TABLET */

@media (max-width:1024px){

    .dn-body{
        grid-template-columns:1fr;
    }

    .dn-photo{
        max-height:500px;
    }

    .dn-title{
        font-size:26px;
    }

}

/* MOBILE */

@media (max-width:768px){

    .dn-partner-card{
        border-radius:16px;
    }

    .corner{
        width:35px;
        height:35px;
    }

    .dn-header{
        padding:18px;
        flex-direction:column;
        gap:15px;
        text-align:center;
    }

    .dn-title{
        font-size:20px;
        letter-spacing:2px;
        line-height:1.3;
    }

    .dn-rank{
        width:60px;
        height:60px;
        font-size:28px;
    }

    .dn-body{
        grid-template-columns:1fr;
    }

    .dn-photo{
        padding:5px;
    }

    .dn-badge{
        font-size:12px;
        padding:8px 12px;
    }

    .dn-name-panel{
        left:12px;
        right:12px;
        bottom:12px;
        padding:12px;
    }

    .dn-name{
        font-size:22px;
    }

    .dn-content{
        padding:15px;
        gap:15px;
    }

    .dn-block{
        padding:18px;
    }

    .dn-block h3{
        font-size:17px;
        margin-bottom:15px;
    }

    .dn-row{
        flex-direction:column;
        gap:6px;
        align-items:flex-start;
    }

    .dn-contacts{
        gap:12px;
    }

    .contact-card{
        padding:12px;
    }

    .contact-value{
        font-size:14px;
        word-break:break-word;
    }

    .dn-status{
        padding:12px;
        font-size:14px;
    }

    .quote-text{
        font-size:15px;
        line-height:1.5;
    }

}

/* SMALL PHONES */

@media (max-width:480px){

    .dn-header{
        padding:15px;
    }

    .dn-title{
        font-size:18px;
        letter-spacing:1px;
    }

    .dn-rank{
        width:50px;
        height:50px;
        font-size:24px;
    }

    .dn-name{
        font-size:18px;
    }

    .dn-block{
        padding:15px;
    }

    .dn-block h3{
        font-size:15px;
    }

    .quote-text{
        font-size:14px;
    }

    .corner{
        display:none;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-986832b */.dn-partner-card{

position:relative;
max-width:1600px;

background:
radial-gradient(
circle at top,
#08245a 0%,
#04142f 35%,
#020817 100%
);

overflow:hidden;

border:1px solid rgba(255,215,0,.35);

box-shadow:
0 0 15px rgba(255,215,0,.4),
0 0 60px rgba(255,215,0,.15),
0 0 120px rgba(0,102,255,.25);

backdrop-filter:blur(10px);

}

/* Сітка HUD */

.dn-partner-card::before{

content:"";

position:absolute;
inset:0;

background-image:

linear-gradient(
rgba(255,255,255,.025) 1px,
transparent 1px
),

linear-gradient(
90deg,
rgba(255,255,255,.025) 1px,
transparent 1px
);

background-size:40px 40px;

pointer-events:none;

}

/* Сканування */

.dn-partner-card::after{

content:"";

position:absolute;

top:-100%;
left:0;

width:100%;

background:

linear-gradient(
180deg,
transparent,
rgba(0,162,255,.08),
transparent
);

animation:scanHud 8s linear infinite;

pointer-events:none;

}

@keyframes scanHud{

100%{
transform:translateY(100%);
}

}

/* Кути */

.corner{

position:absolute;
width:60px;
height:60px;
z-index:20;

}

.tl{
top:15px;
left:15px;
border-top:4px solid #ffd700;
border-left:4px solid #ffd700;
}

.tr{
top:15px;
right:15px;
border-top:4px solid #ffd700;
border-right:4px solid #ffd700;
}

.bl{
bottom:15px;
left:15px;
border-bottom:4px solid #ffd700;
border-left:4px solid #ffd700;
}

.br{
bottom:15px;
right:15px;
border-bottom:4px solid #ffd700;
border-right:4px solid #ffd700;
}

/* HEADER */

.dn-header{

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

padding:25px 30px;

background:

linear-gradient(
90deg,
rgba(255,215,0,.08),
rgba(0,102,255,.15),
rgba(255,215,0,.08)
);

border-bottom:
1px solid rgba(255,215,0,.25);

position:relative;
z-index:5;

}

.dn-title{

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

letter-spacing:4px;

color:#ffd700;

text-shadow:
0 0 10px rgba(255,215,0,.6);

}

.dn-rank{

width:80px;
height:80px;

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

background:

linear-gradient(
135deg,
#ffd700,
#ffb300
);

color:#04142f;

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

border:2px solid rgba(255,255,255,.4);

box-shadow:
0 0 30px rgba(255,215,0,.7);

}

/* BODY */

.dn-body{

display:grid;
grid-template-columns:450px 1fr;

position:relative;
z-index:5;

}

/* ФОТО */

.dn-photo{

position:relative;

overflow:hidden;

background:

linear-gradient(
135deg,
#ffd700,
#0066ff
);

padding:8px;

}

.dn-photo img{

width:100%;




display:block;

border:2px solid rgba(255,255,255,.15);

}

.scan-line{

position:absolute;

top:0;
left:-150px;

width:120px;
height:100%;

background:

linear-gradient(
90deg,
transparent,
rgba(255,255,255,.18),
transparent
);

transform:skewX(-20deg);

animation:scanPhoto 6s linear infinite;

}

@keyframes scanPhoto{

100%{
left:120%;
}

}

.dn-badge{

position:absolute;

    top: 5px;
    left: 15px;

padding:12px 20px;

background:rgba(0,0,0,.85);

border-left:4px solid #ffd700;

font-weight:700;

color:white;

backdrop-filter:blur(10px);

}

.dn-name-panel{

position:absolute;

bottom:20px;
left:20px;
right:20px;

padding:15px;

background:

rgba(0,0,0,.85);

backdrop-filter:blur(10px);

border:1px solid rgba(255,215,0,.3);

}

.dn-name-label{

font-size:12px;

letter-spacing:2px;

color:#ffd700;

margin-bottom:5px;

}

.dn-name{

font-size:28px;
font-weight:700;
color:white;

}

/* КОНТЕНТ */

.dn-content{

padding:30px;

display:flex;
flex-direction:column;
gap:20px;

}

.dn-block{

padding:25px;

background:

linear-gradient(
135deg,
rgba(0,30,80,.55),
rgba(0,0,0,.35)
);

border:1px solid rgba(0,162,255,.2);

transition:.3s;

}

.dn-block:hover{

border-color:#ffd700;

box-shadow:
0 0 30px rgba(255,215,0,.15);

}

.dn-block h3{

margin:0 0 20px;

font-size:21px;

letter-spacing:2px;

color:#ffd700;

}

.dn-row{

display:flex;
justify-content:space-between;

padding:12px 0;

border-bottom:
1px solid rgba(255,255,255,.08);

}

.dn-row span{

color:#7ab7ff;

}

.dn-row strong{

color:white;

}

.online{

color:#00ff88 !important;

text-shadow:
0 0 10px #00ff88;

}

.dn-list{

margin:0;
padding-left:20px;

}

.dn-list li{

margin-bottom:12px;
color:white;

}

/* КОНТАКТИ */

.dn-contacts{

display: flex;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    grid-auto-flow: row;
    flex-direction: column;

}

.contact-card{

display:block;

padding:15px;

text-decoration:none;

background:

linear-gradient(
135deg,
rgba(0,102,255,.12),
rgba(0,0,0,.3)
);

border:1px solid rgba(0,162,255,.2);

transition:.3s;

}

.contact-card:hover{

transform:translateY(-3px);

border-color:#ffd700;

box-shadow:
0 0 25px rgba(255,215,0,.2);

}

.contact-title{

font-size:12px;
letter-spacing:2px;
color:#ffd700;

margin-bottom:10px;

}

.contact-value{

font-size:16px;
color:white;

}

/* СТАТУС */

.dn-status{

padding:15px 20px;

display:flex;
align-items:center;
gap:15px;

background:

linear-gradient(
135deg,
rgba(0,255,136,.08),
rgba(0,0,0,.2)
);

border:1px solid #00ff88;

color:#00ff88;

font-weight:700;

}

.status-dot{

width:12px;
height:12px;

border-radius:50%;

background:#00ff88;

box-shadow:
0 0 15px #00ff88;

}

/* ЦИТАТА */

.dn-quote{

padding:20px;

background:

linear-gradient(
135deg,
rgba(255,215,0,.05),
rgba(0,102,255,.08)
);

border:1px solid rgba(255,215,0,.2);

}

.quote-label{

font-size:14px;
letter-spacing:3px;
color:#ffd700;

margin-bottom:15px;

}

.quote-text{

font-size:18px;
font-weight:500;
line-height:1.4;

color:white;

text-transform:uppercase;

}


/* TABLET */

@media (max-width:1024px){

    .dn-body{
        grid-template-columns:1fr;
    }

    .dn-photo{
        max-height:500px;
    }

    .dn-title{
        font-size:26px;
    }

}

/* MOBILE */

@media (max-width:768px){

    .dn-partner-card{
        border-radius:16px;
    }

    .corner{
        width:35px;
        height:35px;
    }

    .dn-header{
        padding:18px;
        flex-direction:column;
        gap:15px;
        text-align:center;
    }

    .dn-title{
        font-size:20px;
        letter-spacing:2px;
        line-height:1.3;
    }

    .dn-rank{
        width:60px;
        height:60px;
        font-size:28px;
    }

    .dn-body{
        grid-template-columns:1fr;
    }

    .dn-photo{
        padding:5px;
    }

    .dn-badge{
        font-size:12px;
        padding:8px 12px;
    }

    .dn-name-panel{
        left:12px;
        right:12px;
        bottom:12px;
        padding:12px;
    }

    .dn-name{
        font-size:22px;
    }

    .dn-content{
        padding:15px;
        gap:15px;
    }

    .dn-block{
        padding:18px;
    }

    .dn-block h3{
        font-size:17px;
        margin-bottom:15px;
    }

    .dn-row{
        flex-direction:column;
        gap:6px;
        align-items:flex-start;
    }

    .dn-contacts{
        gap:12px;
    }

    .contact-card{
        padding:12px;
    }

    .contact-value{
        font-size:14px;
        word-break:break-word;
    }

    .dn-status{
        padding:12px;
        font-size:14px;
    }

    .quote-text{
        font-size:15px;
        line-height:1.5;
    }

}

/* SMALL PHONES */

@media (max-width:480px){

    .dn-header{
        padding:15px;
    }

    .dn-title{
        font-size:18px;
        letter-spacing:1px;
    }

    .dn-rank{
        width:50px;
        height:50px;
        font-size:24px;
    }

    .dn-name{
        font-size:18px;
    }

    .dn-block{
        padding:15px;
    }

    .dn-block h3{
        font-size:15px;
    }

    .quote-text{
        font-size:14px;
    }

    .corner{
        display:none;
    }

}/* End custom CSS */