/* ==================================================
   TEKNODORA INTRO ONLY
   Dosya: theme/site/teknodora-intro.css
   Sadece #teknoIntroOnly alanını etkiler
================================================== */

#teknoIntroOnly,
.tekno-intro-only{
    position:fixed;
    inset:0;
    z-index:999999;

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

    width:100%;
    height:100vh;

    background:#030304;
    overflow:hidden;

    opacity:0;
    visibility:hidden;
    pointer-events:none;

    transition:
        opacity .9s ease,
        visibility .9s ease;
}

#teknoIntroOnly.tekno-intro-active{
    display:flex;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
}

#teknoIntroOnly.tekno-intro-hide{
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
}

/* VIDEO */
#teknoIntroOnly .tekno-intro-video{
    position:absolute;
    inset:0;

    width:100%;
    height:100%;

    object-fit:cover;
    z-index:1;

    opacity:.88;
}

/* OVERLAY */
#teknoIntroOnly .tekno-intro-dark{
    position:absolute;
    inset:0;
    z-index:2;

    background:
        radial-gradient(circle at center, rgba(8,47,111,.28), transparent 38%),
        linear-gradient(90deg, rgba(0,0,0,.86), rgba(0,0,0,.48), rgba(0,0,0,.86));
}

/* CONTENT */
#teknoIntroOnly .tekno-intro-content{
    position:relative;
    z-index:5;

    width:min(760px, calc(100% - 40px));
    min-height:70vh;

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

    text-align:center;
}

/* TEXT LOGO */
#teknoIntroOnly .tekno-intro-logo{
    margin-bottom:58px;

    color:#ffffff;
    font-family:'Inter', sans-serif;
    font-size:clamp(38px, 7vw, 84px);
    font-weight:900;
    letter-spacing:6px;

    text-shadow:0 18px 40px rgba(0,0,0,.75);
}

/* IMAGE LOGO */
#teknoIntroOnly .tekno-intro-logo-img{
    width:190px;
    max-width:58vw;
    height:auto;
    object-fit:contain;
    margin-bottom:58px;

    filter:drop-shadow(0 18px 35px rgba(0,0,0,.65));
}

/* LOADING */
#teknoIntroOnly .tekno-intro-loading{
    display:flex;
    justify-content:center;
    gap:18px;

    color:#ffffff;
    font-family:monospace;
    font-size:clamp(24px,4vw,56px);
    letter-spacing:4px;
}

#teknoIntroOnly .tekno-intro-loading span:nth-child(2){
    color:rgba(255,255,255,.62);
    animation:teknoIntroBlink 1s infinite;
}

#teknoIntroOnly .tekno-intro-percent{
    margin-top:26px;

    color:rgba(255,255,255,.82);
    font-family:monospace;
    font-size:23px;
}

/* ENTER */
#teknoIntroOnly .tekno-intro-enter{
    margin-top:48px;
    padding:15px 38px;

    border-radius:999px;
    border:1px solid rgba(255,255,255,.38);

    background:rgba(255,255,255,.04);
    color:#ffffff;

    font-size:13px;
    font-weight:900;
    letter-spacing:2px;

    cursor:pointer;

    opacity:0;
    transform:translateY(20px);
    pointer-events:none;

    transition:.45s ease;
}

#teknoIntroOnly .tekno-intro-enter.show{
    opacity:1;
    transform:translateY(0);
    pointer-events:auto;
}

#teknoIntroOnly .tekno-intro-enter:hover{
    background:#ffffff;
    color:#050506;
}

body.tekno-intro-lock{
    overflow:hidden !important;
}

@keyframes teknoIntroBlink{
    0%,100%{
        opacity:1;
    }

    50%{
        opacity:.22;
    }
}

/* MOBILE */
@media(max-width:768px){
    #teknoIntroOnly .tekno-intro-content{
        width:calc(100% - 32px);
    }

    #teknoIntroOnly .tekno-intro-logo{
        font-size:42px;
        letter-spacing:4px;
        margin-bottom:42px;
    }

    #teknoIntroOnly .tekno-intro-logo-img{
        width:155px;
        margin-bottom:42px;
    }

    #teknoIntroOnly .tekno-intro-loading{
        gap:12px;
        letter-spacing:2px;
    }

    #teknoIntroOnly .tekno-intro-enter{
        margin-top:38px;
    }
}