*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:#080313;color:#fff}html,body{overflow:auto}.landing{height:100svh;min-height:560px;position:relative;overflow:hidden;background:#090414 url('/assets/images/vidna_welcome_bg.jpg') 66% 42%/cover no-repeat}.landing:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,3,19,.99) 0%,rgba(8,3,20,.94) 27%,rgba(9,4,22,.56) 50%,rgba(8,3,18,.1) 75%),linear-gradient(0deg,rgba(6,2,15,.92) 0%,rgba(8,3,18,.16) 32%,rgba(7,3,18,.12) 100%);pointer-events:none}.topbar{height:86px;position:relative;z-index:5;display:grid;grid-template-columns:240px 1fr auto;align-items:center;padding:0 clamp(26px,4vw,64px);border-bottom:1px solid rgba(255,255,255,.06);background:rgba(7,3,17,.18);backdrop-filter:blur(3px)}.brand{display:flex;align-items:center;gap:14px;color:#fff;text-decoration:none;font-size:24px;font-weight:850;letter-spacing:.3px}.brand img{width:46px;height:46px;object-fit:contain}.nav{display:flex;justify-content:center;align-items:center;gap:clamp(25px,3.2vw,52px)}.nav a{position:relative;color:#f3edf7;text-decoration:none;font-size:14px;font-weight:650;padding:31px 0 28px}.nav a:hover,.nav a.active{color:#ff4fca}.nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:17px;height:2px;background:linear-gradient(90deg,#8a37ff,#ff39b2);border-radius:5px}.top-actions{display:flex;align-items:center;gap:14px}.top-download{padding:14px 24px;border-radius:25px;background:linear-gradient(90deg,#7b20ff,#f22ba8);color:#fff;text-decoration:none;font-size:14px;font-weight:800;box-shadow:0 10px 32px rgba(181,40,221,.18)}.lang{padding:13px 17px;border:1px solid rgba(255,255,255,.12);border-radius:24px;color:#eee6f3;font-size:13px;background:rgba(10,6,22,.35)}.hero{position:relative;z-index:2;height:calc(100svh - 136px);min-height:424px;display:flex;align-items:center;padding:0 clamp(30px,4.3vw,70px)}.hero-copy{width:min(610px,45vw);transform:translateY(-7px)}.kicker{font-size:14px;letter-spacing:.035em;color:#ff4caf;font-weight:700;margin-bottom:20px}.hero h1{font-size:clamp(48px,4.5vw,72px);line-height:1.09;letter-spacing:-2.1px;margin:0 0 23px;font-weight:900}.hero h1 span{background:linear-gradient(90deg,#9139ff,#ff3ca6);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:clamp(16px,1.35vw,21px);line-height:1.55;color:#ece6ef;margin:0 0 28px}.download-row{display:flex;gap:18px;align-items:center}.download-card{height:74px;min-width:265px;padding:12px 19px;border:1px solid rgba(228,75,218,.55);border-left-color:#477de3;border-radius:13px;background:rgba(7,6,16,.68);backdrop-filter:blur(10px);display:flex;align-items:center;gap:16px;text-decoration:none;color:#fff;box-shadow:0 8px 30px rgba(0,0,0,.16)}.download-card strong{display:block;font-size:16px;margin-bottom:4px}.download-card small{display:block;font-size:12px;color:#d2cad8}.android-icon{width:38px;height:42px;display:grid;place-items:center;font-size:0;position:relative}.android-icon:before{content:"♟";font-size:37px;color:#9bdb36;transform:rotate(180deg)}.play-icon{font-size:38px;background:linear-gradient(155deg,#18d6b2 20%,#14ccef 35%,#f4d32a 55%,#f33d65 75%);-webkit-background-clip:text;background-clip:text;color:transparent}.qr-row{display:flex;align-items:center;gap:18px;margin-top:22px}.qr-row img{width:102px;height:102px;background:#fff;border:5px solid #fff;border-radius:7px}.qr-row div{display:flex;flex-direction:column;gap:6px}.qr-row strong{font-size:16px}.qr-row span{font-size:15px;color:#eee8f2}.feedback-fab{position:absolute;right:clamp(34px,5vw,82px);bottom:64px;z-index:8;min-width:250px;height:58px;border:1px solid #d43cc8;border-radius:29px;background:rgba(13,7,28,.72);backdrop-filter:blur(10px);color:#fff;font-weight:800;font-size:15px;cursor:pointer;box-shadow:0 0 28px rgba(198,45,210,.18)}.feedback-fab:hover{background:linear-gradient(90deg,rgba(119,28,234,.82),rgba(231,36,164,.82))}.footer{height:50px;position:absolute;z-index:6;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;gap:20px;padding:0 30px;color:#9d94a9;font-size:12px;background:linear-gradient(180deg,transparent,rgba(5,2,12,.72))}.footer div{display:flex;align-items:center;gap:14px}.footer a{color:#aaa0b4;text-decoration:none}.footer a:hover{color:#fff}.footer i{font-style:normal;color:#62596d}
.feedback-overlay{position:fixed;inset:0;z-index:100;background:rgba(4,3,10,.78);backdrop-filter:blur(9px);display:none;align-items:center;justify-content:center;padding:18px}.feedback-overlay.open{display:flex}.feedback-modal{width:min(650px,100%);max-height:94svh;overflow:auto;scrollbar-width:none;position:relative;background:linear-gradient(145deg,#11101e,#090914);border:1px solid #49315d;border-radius:20px;padding:25px;box-shadow:0 30px 100px #000}.feedback-modal::-webkit-scrollbar{display:none}.feedback-close{position:absolute;right:18px;top:13px;border:0;background:transparent;color:#fff;font-size:30px;cursor:pointer}.feedback-heading{display:flex;align-items:center;gap:13px;margin-bottom:20px}.feedback-heading h2{margin:0;font-size:23px}.feedback-heading p{margin:5px 0 0;color:#91899b;font-size:12px}.feedback-icon{width:47px;height:47px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#7538f1,#d631b0);font-size:21px}.feedback-label{display:block;font-size:11px;font-weight:800;margin:14px 0 7px}.feedback-label small{color:#7e7787;font-weight:500}.feedback-label input,.feedback-label textarea{display:block;width:100%;margin-top:7px;background:#0b0a13;border:1px solid #30283b;border-radius:9px;color:#fff;padding:12px;outline:none}.feedback-label input:focus,.feedback-label textarea:focus{border-color:#a845e8;box-shadow:0 0 0 3px rgba(168,69,232,.1)}.feedback-types{display:flex;flex-wrap:wrap;gap:8px}.feedback-types input{display:none}.feedback-types span{display:block;padding:9px 14px;border:1px solid #352c42;border-radius:22px;color:#c9c3d0;font-size:11px;cursor:pointer}.feedback-types input:checked+span{background:linear-gradient(135deg,#642bdc,#c32bd4);border-color:transparent;color:#fff}.feedback-upload{position:relative;display:grid;place-items:center;gap:5px;min-height:82px;margin-top:7px;border:1px dashed #51455f;border-radius:9px;color:#aaa1b4}.feedback-upload input{position:absolute;inset:0;opacity:0;cursor:pointer;margin:0}.feedback-upload b{font-size:11px}.feedback-upload small{font-size:9px}.feedback-actions{display:grid;grid-template-columns:1fr 1.6fr;gap:10px;margin-top:20px}.feedback-actions button{border-radius:9px;padding:12px;border:1px solid #352d42;color:#fff;font-weight:800;cursor:pointer}.feedback-cancel{background:#0c0b14}.feedback-submit{background:linear-gradient(135deg,#5e31d9,#c42fe1);border:0!important}.feedback-message{display:none;margin-top:12px;padding:11px;border-radius:8px;font-size:11px}.feedback-message.ok{display:block;background:#14361e;color:#9cf1b4}.feedback-message.err{display:block;background:#411923;color:#ffb3c2}.feedback-hp{position:absolute!important;left:-99999px!important}
@media(max-height:760px) and (min-width:901px){.topbar{height:72px}.brand img{width:40px;height:40px}.hero{height:calc(100svh - 116px)}.hero-copy{transform:none}.kicker{margin-bottom:12px;font-size:12px}.hero h1{font-size:clamp(42px,4vw,60px);margin-bottom:15px}.hero p{font-size:16px;margin-bottom:18px}.download-card{height:62px;min-width:235px}.qr-row{margin-top:14px}.qr-row img{width:80px;height:80px}.feedback-fab{height:50px;bottom:54px}.footer{height:44px}}
@media(max-width:1000px){.topbar{grid-template-columns:auto 1fr auto}.nav{display:none}.hero-copy{width:58vw}.download-card{min-width:220px}.feedback-fab{min-width:210px}}
@media(max-width:720px){html,body{overflow:auto}.landing{min-height:100svh;height:auto;background-position:62% 25%}.landing:before{background:linear-gradient(180deg,rgba(7,3,19,.35),rgba(7,3,19,.84) 52%,#080313 88%)}.topbar{height:70px;padding:0 16px;grid-template-columns:1fr auto}.brand{font-size:20px}.brand img{width:38px;height:38px}.top-download{display:none}.lang{padding:9px 12px}.hero{height:auto;min-height:calc(100svh - 70px);padding:55px 20px 140px;align-items:flex-end}.hero-copy{width:100%;transform:none}.kicker{font-size:11px;margin-bottom:12px}.hero h1{font-size:42px;letter-spacing:-1.4px;margin-bottom:14px}.hero p{font-size:15px;margin-bottom:18px}.download-row{flex-direction:column;align-items:stretch;gap:10px}.download-card{width:100%;min-width:0;height:62px}.qr-row img{width:74px;height:74px}.feedback-fab{right:18px;bottom:64px;min-width:0;width:auto;height:48px;padding:0 16px}.footer{height:48px;justify-content:flex-start;padding:0 18px;font-size:10px}.footer>span{display:none}.feedback-modal{padding:20px 15px}.feedback-actions{grid-template-columns:1fr}}
.lang-picker{position:relative}.lang{cursor:pointer}.lang-menu{display:none;position:absolute;right:0;top:52px;min-width:165px;padding:7px;background:rgba(12,7,24,.97);border:1px solid rgba(255,255,255,.13);border-radius:12px;box-shadow:0 16px 45px rgba(0,0,0,.35);z-index:30}.lang-menu.open{display:block}.lang-menu a{display:block;padding:10px 12px;border-radius:8px;color:#ddd5e5;text-decoration:none;font-size:13px}.lang-menu a:hover,.lang-menu a.selected{background:rgba(164,53,224,.2);color:#fff}.site-announcement{display:flex;flex-direction:column;gap:4px;width:fit-content;max-width:100%;margin-bottom:16px;padding:10px 14px;border:1px solid rgba(220,62,211,.45);border-radius:11px;background:rgba(15,8,29,.72);backdrop-filter:blur(8px);box-shadow:0 8px 28px rgba(0,0,0,.15)}.site-announcement b{font-size:13px;color:#ff62cd}.site-announcement span{font-size:12px;line-height:1.4;color:#e7dfea}@media(max-width:720px){.lang-menu{top:44px}.site-announcement{margin-bottom:12px}}


/* Google AdSense on VIDNA.eu — controlled from Admin > Ads */
.site-adsense{position:absolute;z-index:4;left:50%;bottom:56px;transform:translateX(-50%);width:min(728px,54vw);min-height:90px;overflow:hidden;text-align:center}
.site-adsense.ads-desktop-off{display:none}
@media(max-width:720px){
  .site-adsense{position:relative;left:auto;bottom:auto;transform:none;width:calc(100% - 32px);min-height:90px;margin:-118px 16px 64px;z-index:5}
  .site-adsense.ads-desktop-off{display:block}
  .site-adsense.ads-mobile-off{display:none}
}

/* =========================
   GOOGLE PLAY COUNTDOWN
   ========================= */

.countdown-inline {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 7px;
    margin-top: 14px;
    width: fit-content;
}

.countdown-inline-title {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;
    color: #eee6f3;
    text-align: left;
    white-space: nowrap;
}

.countdown-inline .countdown {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    width: fit-content;
    margin: 0;
    padding: 0;
    flex-wrap: nowrap;
}

.countdown-inline .countdown-box {
    min-width: 52px;
    width: 52px;
    padding: 8px 7px;
    margin: 0;
    border-radius: 9px;
    background: rgba(255,255,255,.07);
    border: 1px solid rgba(255,255,255,.13);
    text-align: center;
}

.countdown-inline .countdown-box strong {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 21px;
    line-height: 1;
    font-weight: 800;
}

.countdown-inline .countdown-box span {
    display: block;
    margin: 5px 0 0;
    padding: 0;
    font-size: 7px;
    line-height: 1;
    font-weight: 700;
    color: #bdb4c8;
    letter-spacing: .3px;
}


/* MOBILE */

@media (max-width: 720px) {

    .countdown-inline {
        margin-top: 12px;
        gap: 6px;
    }

    .countdown-inline-title {
        font-size: 12px;
    }

    .countdown-inline .countdown {
        gap: 4px;
    }

    .countdown-inline .countdown-box {
        min-width: 43px;
        width: 43px;
        padding: 7px 5px;
        border-radius: 8px;
    }

    .countdown-inline .countdown-box strong {
        font-size: 17px;
    }

    .countdown-inline .countdown-box span {
        margin-top: 5px;
        font-size: 6px;
    }

}