/* Joylink Free Kredit — static build */

/* ---------- fonts (self-hosted Roboto variable) ---------- */
@font-face{font-family:Roboto;font-style:normal;font-weight:100 900;font-display:swap;
  src:url(/assets/fonts/roboto-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:Roboto;font-style:normal;font-weight:100 900;font-display:swap;
  src:url(/assets/fonts/roboto-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}

/* ---------- base ---------- */
:root{
  --sys:-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  --accent:#6EC1E4;
  --container-max-width:1140px;
}
*,::before,::after{box-sizing:border-box}
html{line-height:1.15;-webkit-text-size-adjust:100%}
body{margin:0;background-color:#fff;color:#333;font-family:var(--sys);font-size:1rem;font-weight:400;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
img{border-style:none;height:auto;max-width:100%}
picture{display:contents}
a{background-color:transparent;color:#c36;text-decoration:none}
h1,h2,h3,h4,h5,h6{color:inherit;font-family:inherit;font-weight:500;line-height:1.2;margin-block-start:.5rem;margin-block-end:1rem}
h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}
p{margin-block-start:0;margin-block-end:.9rem}
dd,dl,dt,li,ol,ul{background:transparent;border:0;font-size:100%;margin-block-start:0;margin-block-end:0;outline:0;vertical-align:baseline}
table{background-color:transparent;border-collapse:collapse;border-spacing:0;font-size:.9em;margin-block-end:15px;width:100%}
table td,table th{border:1px solid hsla(0,0%,50%,.502);line-height:1.5;padding:15px;vertical-align:top}
table th{font-weight:700}
table thead th,table tfoot th{font-size:1em}
table tbody>tr:nth-child(odd)>td,table tbody>tr:nth-child(odd)>th{background-color:hsla(0,0%,50%,.071)}
table tbody tr:hover>td,table tbody tr:hover>th{background-color:hsla(0,0%,50%,.102)}
table tbody+tbody{border-block-start:2px solid hsla(0,0%,50%,.502)}
.sr-only{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px;word-wrap:normal!important}
.page-content a{text-decoration:underline}

/* theme responsive container (footer + plain pages) */
.container-w{width:100%;margin-inline:auto}
@media (max-width:575px){.container-w{padding-inline:10px}}
@media (min-width:576px){.container-w{max-width:500px}}
@media (min-width:768px){.container-w{max-width:600px}}
@media (min-width:992px){.container-w{max-width:800px}}
@media (min-width:1200px){.container-w{max-width:1140px}}

/* ---------- page sections ---------- */
.sec{position:relative;background-repeat:repeat;background-position:50% 50%}
@media (min-width:1025px){.sec{background-attachment:fixed}}
@media (max-width:1024px){.sec{background-position:center center}}
.sec-blue{
  background-image:url(/assets/img/bg.jpg);
  background-image:image-set(url(/assets/img/bg.avif) type("image/avif"),url(/assets/img/bg.jpg) type("image/jpeg"));
}
.sec-green{
  background-image:url(/assets/img/bg-green.jpg);
  background-image:image-set(url(/assets/img/bg-green.avif) type("image/avif"),url(/assets/img/bg-green.jpg) type("image/jpeg"));
}
.sec[class*="ov-"]::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none}
.ov-353635-85::before{background:#353635;opacity:.85}
.ov-000000-50::before{background:#000;opacity:.5}
.sec>.inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;
  gap:20px;width:100%;max-width:min(100%,var(--container-max-width));margin-inline:auto}
.sec-hero>.inner{padding:20px 0 30px}
.sec-content{padding:0 10px}
.sec-content>.inner{padding:10px 0}
@media (max-width:767px){
  .sec-content{padding:0 20px}
  .sec-content>.inner{padding:20px 0}
}

/* ---------- containers ----------
   The original builds every layout from these custom properties; keeping them means
   the flex/grid maths stays identical instead of being re-derived per block. */
.con{
  --display:flex;--width:100%;--height:auto;--min-height:initial;
  --flex-direction:column;--flex-grow:0;--flex-shrink:1;--flex-basis:auto;--flex-wrap:nowrap;--flex-wrap-mobile:wrap;
  --align-items:normal;--align-content:normal;--justify-content:normal;--justify-items:legacy;
  --grid-auto-flow:row;--grid-justify-content:start;--grid-align-content:start;
  --e-con-grid-template-columns:repeat(3,1fr);--e-con-grid-template-rows:repeat(2,1fr);
  --gap:20px;--row-gap:20px;--column-gap:20px;
  --margin-top:0px;--margin-right:0px;--margin-bottom:0px;--margin-left:0px;
  --padding-top:10px;--padding-right:10px;--padding-bottom:10px;--padding-left:10px;
  --border-radius:0;--border-style:initial;--border-color:initial;
  --border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;
  --overflow:visible;--text-align:initial;
  /* re-declared on every container so they never leak in from an ancestor */
  --container-widget-width:100%;--container-widget-height:initial;
  --container-widget-flex-grow:0;--container-widget-align-self:initial;
  display:var(--display);
  position:relative;
  width:var(--width);
  min-width:0;
  height:var(--height);
  min-height:var(--min-height);
  overflow:var(--overflow);
  text-align:var(--text-align);
  border-radius:var(--border-radius);
  /* border-style/-width/-color stay unset here: the original leaves them to the UA
     default too, so a container with only border-style:solid keeps its 3px medium border */
  flex:var(--flex-grow) var(--flex-shrink) var(--flex-basis);
  gap:var(--row-gap) var(--column-gap);
  margin:var(--margin-top) var(--margin-right) var(--margin-bottom) var(--margin-left);
  padding:var(--padding-top) var(--padding-right) var(--padding-bottom) var(--padding-left);
  transition:background .3s,border .3s,box-shadow .3s,transform .4s;
}
.con.is-flex{
  flex-direction:var(--flex-direction);flex-wrap:var(--flex-wrap);
  align-items:var(--align-items);align-content:var(--align-content);justify-content:var(--justify-content);
}
.con.is-grid{
  grid-template-columns:var(--e-con-grid-template-columns);
  grid-template-rows:var(--e-con-grid-template-rows);
  grid-auto-flow:var(--grid-auto-flow);
  align-items:var(--align-items);align-content:var(--grid-align-content);
  justify-content:var(--grid-justify-content);justify-items:var(--justify-items);
}
.con>*{min-width:0}
/* widgets fill their container: without a definite width the percentage widths inside
   them resolve against the image's intrinsic size while the row is being measured */
.con>:not(.con){width:var(--container-widget-width);height:var(--container-widget-height);
  flex-grow:var(--container-widget-flex-grow);align-self:var(--container-widget-align-self)}

/* ---------- link cards ---------- */
.card{color:inherit;text-decoration:none}
.card:hover{transform:translateY(-6px)}

/* ---------- widgets ---------- */
.wh{font-family:Roboto,sans-serif;font-weight:600;color:var(--accent);line-height:1;margin:0}
.tx{font-family:Roboto,sans-serif;font-weight:400;color:#7A7A7A}
.imgw{text-align:center}
.imgw a{display:inline-block;width:var(--logo-box,auto);max-width:100%}
.imgw img{display:inline-block;vertical-align:middle}
.socials ul{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:var(--grid-row-gap,0) var(--grid-column-gap,10px);margin:0;padding:0;list-style:none}
.social-icon{display:inline-flex;align-items:center;justify-content:center;
  width:calc(var(--icon-size,23px)*2);height:calc(var(--icon-size,23px)*2);border-radius:50%}
.social-icon svg{width:var(--icon-size,23px);height:var(--icon-size,23px);fill:#fff}
.btn{display:inline-block;background:#61CE70;color:#fff;font-family:Roboto,sans-serif;
  font-size:15px;font-weight:500;line-height:1;padding:12px 24px;border-radius:3px;text-align:center}

/* ---------- accordion ---------- */
.acc details{margin:0}
.acc summary{display:flex;align-items:center;gap:10px;padding:10px;
  border:1px solid #D5D8DC;color:var(--accent);cursor:pointer;list-style:none}
.acc summary::-webkit-details-marker{display:none}
.acc summary svg{width:13.125px;height:15px;fill:currentColor;display:block}
.acc .acc-ico{display:inline-flex;align-items:center}
.acc .ico-open{display:none}
.acc details[open]>summary .ico-open{display:inline-flex}
.acc details[open]>summary .ico-closed{display:none}
.acc .acc-body{padding:10px;font-family:Roboto,sans-serif;color:#F3F3F3}
/* the original slid items open over 400ms; browsers that can animate a <details>
   do so here too, the rest simply snap open as before */
@supports (interpolate-size: allow-keywords){
  .acc{interpolate-size:allow-keywords}
  .acc details::details-content{
    block-size:0;overflow:hidden;
    transition:block-size .4s ease,content-visibility .4s ease allow-discrete;
  }
  .acc details[open]::details-content{block-size:auto}
}

/* ---------- footer ---------- */
.site-footer{background-color:#000850;padding-block:1rem;position:relative}
.footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between;flex-direction:row-reverse}
.site-footer .copyright{display:flex;align-items:center;justify-content:flex-end}
.site-footer p{margin:0;font-size:14px}
.site-footer .site-description{color:#F2F2F2}
.site-footer .copyright p{color:#EDEDED}
@media (max-width:576px){
  .site-footer .footer-inner .copyright,.site-footer .footer-inner .site-description{display:block;max-width:none;text-align:center;width:100%}
}

/* ---------- per-element styles carried over from the original design ---------- */
.w1{--display:flex}
.w2 img{width:10%;border-radius:55px 55px 55px 55px}
.w3{text-align:center;font-family:"Roboto", sans-serif;font-size:20px;font-weight:600;color:#FFFFFF}
.w4{margin:-5px 0px 0px 0px;padding:0% 0% 0% 0%;text-align:center;font-family:"Roboto", sans-serif;font-size:14px;font-weight:400;color:#E5E5E5}
.w5{--grid-template-columns:repeat(0, auto);text-align:center;margin:-10px 0px 0px 0px;padding:0px 0px 0px 0px;--icon-size:23px;--grid-column-gap:10px;--grid-row-gap:0px}
.w5 .social-icon{background-color:#092379;border-style:solid;border-width:1px 1px 1px 1px;border-color:#0006FF}
.w5 .social-icon svg{fill:#FFFFFF}
.w6{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% )}
.w7{--display:flex;--min-height:0px;--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#0013FF;--border-color:#0013FF;--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;background-color:#FFFFFFFA}
.w7:hover{--e-con-transform-translateY:-6px;box-shadow:0px 0px 10px 0px rgba(74.00000000000001, 89.99999999999999, 255, 0.8509803921568627)}
.w8{--display:flex;--justify-content:center;--flex-grow:0;--flex-shrink:0}
.w9{padding:0px 0px 0px 0px;text-align:center;font-family:"Roboto", sans-serif;font-weight:500;color:#000000}
.w9 a:hover,.w9 a:focus{color:#001486}
.w10{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px}
.w11 img{width:50%}
.w12{--display:flex;--min-height:0px;--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#0013FF;--border-color:#0013FF;--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;background-color:#FFFFFFFA}
.w12:hover{--e-con-transform-translateY:-6px;box-shadow:0px 0px 10px 0px rgba(74.00000000000001, 89.99999999999999, 255, 0.8509803921568627)}
.w13{--display:flex;--justify-content:center;--flex-grow:0;--flex-shrink:0}
.w14{--display:flex;--min-height:0px;--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#0013FF;--border-color:#0013FF;--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;background-color:#FFFFFFFA}
.w14:hover{--e-con-transform-translateY:-6px;box-shadow:0px 0px 10px 0px rgba(74.00000000000001, 89.99999999999999, 255, 0.8509803921568627)}
.w15{--display:flex;--justify-content:center;--flex-grow:0;--flex-shrink:0}
.w16{--display:flex}
.w17{font-family:"Roboto", sans-serif;font-size:23px;font-weight:600;text-shadow:0px 0px 10px #2C1CFF;color:#F9F9F9}
.w18{font-family:"Roboto", sans-serif;font-weight:600}
.w19{font-family:"Roboto", sans-serif;font-size:14px;font-weight:400;color:#FFFFFF}
.w19 a{color:#6EC1E4}
.w20{font-family:"Roboto", sans-serif;font-weight:600}
.w21{font-family:"Roboto", sans-serif;font-size:14px;font-weight:400;color:#FFFFFF}
.w21 a{color:#FAFAFA}
.w22{font-family:"Roboto", sans-serif;font-size:14px;font-weight:400;color:#FFFFFF}
.w23{font-family:"Roboto", sans-serif;font-size:14px;font-weight:400;color:#FFFFFF}
.w23 a{color:#FFFFFF}
.w24{font-family:"Roboto", sans-serif;font-weight:400;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#E4E4E4}
.w25{font-family:"Roboto", sans-serif;font-weight:200}
.w26{font-family:"Roboto", sans-serif;font-weight:400;color:#FFFFFF}
.w27{font-family:"Roboto", sans-serif;font-weight:400;color:#FFFFFF}
.w27 a{color:#6EC1E4}
.w28{font-family:"Roboto", sans-serif;font-weight:600}
.w29{font-family:"Roboto", sans-serif;font-weight:400;color:#FAFAFA}
.w29 a{color:#6EC1E4}
.w30{margin:-5px 0px 0px 0px;padding:0% 0% 0% 0%;text-align:center;font-family:"Roboto", sans-serif;font-size:14px;font-weight:400;color:#E5E5E5}
.w30 a{color:#FFFFFF}
.w31{text-align:center;color:#EE0303}
.w32{font-family:"Roboto", sans-serif;font-size:14px;font-weight:400;color:#FFFFFF}
.w32 a{color:#786EE4}
.w33{color:#FFFFFF}
.w34{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row}
.w35{--display:flex;border-style:solid;--border-style:solid;border-color:#2428FD;--border-color:#2428FD}
.w36{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row}
.w37{font-family:"Roboto", sans-serif;font-size:23px;font-weight:600;text-shadow:0px 0px 10px #2C1CFF;color:#F9F9F9}
.w38{font-family:"Roboto", sans-serif;font-size:16px;font-weight:600}
.w39 .btn{background-color:#6199CE}
.w40{text-align:center;font-family:"Roboto", sans-serif;font-size:14px;font-weight:400;color:#FFFFFF}
.w40 a{color:#6EC1E4}
.w41{text-align:start;font-family:"Roboto", sans-serif;font-size:14px;font-weight:400;color:#FFFFFF}
.w41 a{color:#6EC1E4}
.w42{font-family:"Roboto", sans-serif;font-size:14px;font-weight:400;color:#FFFFFF}
.w42 a{color:#6EC1E4}
.w43{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:#CECFFF;--n-accordion-title-hover-color:#6EC1E4;--n-accordion-title-active-color:#6EC1E4;--n-accordion-icon-size:15px}
.w44{text-align:center;color:#FFFFFF}
.w44 a{color:#6EC1E4}
@media (min-width:768px){
.w7{--width:85%}
.w8{--width:90%}
.w12{--width:85%}
.w13{--width:90%}
.w14{--width:85%}
.w15{--width:90%}
.w16{--width:90%}
}
@media (max-width:1024px){
.w2 img{width:13%}
.w7{--align-self:center}
.w7:hover{--e-con-transform-translateY:-6px}
.w9{font-size:13px}
.w11 img{width:75%}
.w12{--align-self:center}
.w12:hover{--e-con-transform-translateY:-6px}
.w14{--align-self:center}
.w14:hover{--e-con-transform-translateY:-6px}
.w19{font-size:13px}
.w32{font-size:13px}
.w34{--grid-auto-flow:row}
.w36{--grid-auto-flow:row}
.w40{font-size:13px}
.w41{font-size:13px}
}
@media (max-width:1024px) and (min-width:768px){
.w7{--width:600px}
.w12{--width:600px}
.w14{--width:600px}
}
@media (max-width:767px){
.is-flex{--width:100%;--flex-wrap:var(--flex-wrap-mobile)}
.w2 img{width:30%}
.w3{font-size:18px}
.w4{font-size:12px}
.w5{margin:-22px 0px 0px 0px;--icon-size:20px}
.w7{--width:95%;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:2px;--padding-bottom:2px;--padding-left:10px;--padding-right:0px}
.w7:hover{--e-con-transform-translateY:-6px}
.w8{--width:68%;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px}
.w9{font-size:11px}
.w10{--width:31%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px}
.w11{padding:0px 0px 0px 0px}
.w11 img{width:55%}
.w12{--width:95%;--padding-top:2px;--padding-bottom:2px;--padding-left:10px;--padding-right:0px}
.w12:hover{--e-con-transform-translateY:-6px}
.w13{--width:68%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px}
.w14{--width:95%;--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;--justify-content:flex-start;--padding-top:2px;--padding-bottom:2px;--padding-left:10px;--padding-right:0px}
.w14:hover{--e-con-transform-translateY:-6px}
.w15{--width:68%;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px}
.w17{font-size:18px}
.w18{font-size:16px}
.w19{font-size:12px}
.w20{font-size:18px}
.w21{font-size:11px}
.w22{font-size:11px}
.w23{font-size:11px}
.w24{font-size:11px}
.w25{font-size:15px}
.w26{font-size:11px}
.w27{font-size:11px}
.w28{font-size:18px;line-height:1.2em}
.w29{font-size:11px}
.w30{font-size:12px}
.w32{font-size:12px}
.w34{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row}
.w36{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row}
.w37{font-size:20px}
.w38{font-size:9px}
.w40{font-size:12px}
.w41{font-size:12px}
.w42{font-size:11px}
}