html,
body{
    margin:0;
    padding:0;
    width:100%;
    min-height:100%;
    background:#0f0f12;
    font-family:Arial, sans-serif;
    position:relative;
    overflow:auto;
    overflow-x:hidden;
    background:
    radial-gradient(circle at 15% 20%, rgba(93,140,255,0.30), transparent 34%),
    radial-gradient(circle at 85% 80%, rgba(255,154,215,0.22), transparent 36%),
    radial-gradient(circle at 70% 15%, rgba(120,170,255,0.16), transparent 28%),
    #0f0f12;

    background-attachment:fixed;

    animation:vtdzAmbientMove 22s ease-in-out infinite alternate;

    font-family:'Nunito', sans-serif;

    color:#FFF;
    font-size:20px;
}

body{
    position:relative;
}

.vtdz_intro_scene{
    position:relative;
    width:100%;
    height:100vh;
    min-height:620px;
    overflow:hidden;
}

/* main photo */

.vtdz_main_photo{
    position:absolute;
    top:50%;
    left:50%;
    width:240px;
    height:240px;
    transform:translate(-50%, -50%);
    border-radius:50%;
    overflow:hidden;
    z-index:20;

    background:linear-gradient(
        145deg,
        rgba(255,255,255,0.24),
        rgba(255,255,255,0.05)
    );

    border:2px solid rgba(255,255,255,0.36);

    backdrop-filter:blur(22px);
    -webkit-backdrop-filter:blur(22px);

    box-shadow:
        0 0 0 7px rgba(255,255,255,0.055),
        0 0 45px rgba(120,170,255,0.28),
        0 28px 75px rgba(0,0,0,0.58),
        inset 0 1px 1px rgba(255,255,255,0.25);

    animation:mainPhotoIn 1s cubic-bezier(.17,.89,.32,1.22) forwards;
}

.vtdz_main_photo::before{
    content:'';
    position:absolute;
    inset:0;
    border-radius:50%;
    pointer-events:none;

    background:linear-gradient(
        145deg,
        rgba(255,255,255,0.45),
        transparent 38%,
        rgba(255,255,255,0.08)
    );

    z-index:2;
}

.vtdz_main_photo img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

/* scattered container */

.vtdz_scattered_photos{
    position:absolute;
    inset:0;
    z-index:10;
}

/* polaroids */

.vtdz_polaroid{
    position:absolute;

    padding:10px;
    border-radius:22px;
    overflow:hidden;

    background:rgba(255,255,255,0.13);
    border:1px solid rgba(255,255,255,0.24);

    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);

    box-shadow:
        0 16px 42px rgba(0,0,0,0.36),
        inset 0 1px 1px rgba(255,255,255,0.14);

    opacity:0;
    transform:translate(-50%, -50%) scale(0.18);
    filter:blur(10px);

    will-change:transform, opacity, filter;
}

.vtdz_polaroid.is-visible{
    opacity:1;
    transform:translate(-50%, -50%) scale(1);
    filter:blur(0);

    transition:
        opacity .75s ease,
        transform .95s cubic-bezier(.17,.89,.32,1.08),
        filter .75s ease;
}

.vtdz_polaroid img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    border-radius:14px;
}

/* image ratios */

.vtdz_polaroid.wide{
    width:260px;
    height:180px;
}

.vtdz_polaroid.portrait{
    width:190px;
    height:260px;
}

.vtdz_polaroid.square{
    width:220px;
    height:220px;
}

/* desktop positions */

.photo1{
    top:18%;
    left:20%;
    rotate:-14deg;
    animation-delay:.35s;
}

.photo2{
    top:22%;
    left:80%;
    rotate:10deg;
    animation-delay:.50s;
}

.photo3{
    top:78%;
    left:19%;
    rotate:8deg;
    animation-delay:.65s;
}

.photo4{
    top:78%;
    left:80%;
    rotate:-10deg;
    animation-delay:.80s;
}

.photo5{
    top:50%;
    left:9%;
    rotate:-7deg;
    animation-delay:.95s;
}

.photo6{
    top:50%;
    left:91%;
    rotate:7deg;
    animation-delay:1.10s;
}

/* no image right click / drag feeling */

.vtdz_main_photo img,
.vtdz_polaroid img{
    pointer-events:none;
    user-select:none;
    -webkit-user-select:none;
    -webkit-user-drag:none;
}

.g_noselect{
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

/* animations */

@keyframes mainPhotoIn{
    0%{
        opacity:0;
        transform:translate(-50%, -50%) scale(.45);
        filter:blur(8px);
    }

    100%{
        opacity:1;
        transform:translate(-50%, -50%) scale(1);
        filter:blur(0);
    }
}

@keyframes polaroidIn{
    0%{
        opacity:0;
        transform:translate(-50%, -50%) scale(.18);
        filter:blur(10px);
    }

    45%{
        opacity:1;
        filter:blur(0);
    }

    100%{
        opacity:1;
        transform:translate(-50%, -50%) scale(1);
        filter:blur(0);
    }
}
@keyframes vtdzAmbientMove{

    0%{
        background:
        radial-gradient(circle at 15% 20%, rgba(93,140,255,0.30), transparent 34%),
        radial-gradient(circle at 85% 80%, rgba(255,154,215,0.22), transparent 36%),
        radial-gradient(circle at 70% 15%, rgba(120,170,255,0.16), transparent 28%),
        #0f0f12;
    }

    25%{
        background:
        radial-gradient(circle at 80% 22%, rgba(93,140,255,0.26), transparent 34%),
        radial-gradient(circle at 18% 82%, rgba(255,154,215,0.20), transparent 36%),
        radial-gradient(circle at 55% 10%, rgba(160,120,255,0.16), transparent 28%),
        #0f0f12;
    }

    50%{
        background:
        radial-gradient(circle at 75% 70%, rgba(120,170,255,0.28), transparent 36%),
        radial-gradient(circle at 22% 18%, rgba(255,180,210,0.20), transparent 34%),
        radial-gradient(circle at 50% 50%, rgba(140,120,255,0.14), transparent 28%),
        #0f0f12;
    }

    75%{
        background:
        radial-gradient(circle at 20% 78%, rgba(93,140,255,0.24), transparent 34%),
        radial-gradient(circle at 82% 18%, rgba(255,154,215,0.24), transparent 36%),
        radial-gradient(circle at 60% 35%, rgba(120,220,255,0.12), transparent 28%),
        #0f0f12;
    }

    100%{
        background:
        radial-gradient(circle at 40% 25%, rgba(93,140,255,0.30), transparent 34%),
        radial-gradient(circle at 78% 70%, rgba(255,154,215,0.22), transparent 36%),
        radial-gradient(circle at 15% 60%, rgba(120,170,255,0.16), transparent 28%),
        #0f0f12;
    }

}
.vtdz_polaroid.is-falling{
    position:fixed;
    z-index:999;
    animation:vtdzPhotoFall 1.6s ease-in forwards !important;
}

@keyframes vtdzPhotoFall{
    0%{
        opacity:1;
        transform:translate(-50%, -50%) scale(1) rotate(0deg);
    }

    100%{
        opacity:0;
        transform:translate(-50%, 120vh) scale(.92) rotate(28deg);
    }
}
.mtgb_upbar{
    position:fixed;
    top:0;
    left:0;
    right:0;

    height:74px;
    padding:0 28px;

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

    box-sizing:border-box;

    z-index:1000;

    background:rgba(255,255,255,0.075);

    backdrop-filter:blur(22px) saturate(150%);
    -webkit-backdrop-filter:blur(22px) saturate(150%);

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

    box-shadow:
        0 1px 0 rgba(255,255,255,0.08) inset,
        0 18px 45px rgba(0,0,0,0);

    transition:
        top .45s cubic-bezier(.17,.89,.32,1.08),
        left .45s cubic-bezier(.17,.89,.32,1.08),
        right .45s cubic-bezier(.17,.89,.32,1.08),
        height .45s cubic-bezier(.17,.89,.32,1.08),
        padding .45s cubic-bezier(.17,.89,.32,1.08),
        border-radius .45s cubic-bezier(.17,.89,.32,1.08),
        background .45s ease,
        box-shadow .45s ease,
        border .45s ease;
}

.mtgb_upbar.is-scrolled{
    top:16px;
    left:50px;
    right:50px;

    height:64px;
    padding:0 18px;

    border-radius:26px;

    background:rgba(255,255,255,0.105);

    border:1px solid rgba(255,255,255,0.18);

    box-shadow:
        0 1px 0 rgba(255,255,255,0.12) inset,
        0 20px 60px rgba(0,0,0,0.28);
}

/* buttons */

.mtgb_upbar_btn{
    width:44px;
    height:44px;

    border:0;
    border-radius:16px;

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

    background:rgba(255,255,255,0.09);

    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.12),
        0 10px 26px rgba(0,0,0,0.16);

    cursor:pointer;

    transition:
        transform .25s ease,
        background .25s ease,
        box-shadow .25s ease;
}

.mtgb_upbar_btn:hover{
    background:rgba(255,255,255,0.15);
    transform:translateY(-1px);
}

.mtgb_upbar_btn:active{
    transform:scale(.96);
}

/* hamburger */

.mtgb_menu_btn{
    flex-direction:column;
    gap:5px;
}

.mtgb_menu_btn span{
    width:19px;
    height:2px;
    border-radius:999px;

    background:rgba(255,255,255,0.82);

    box-shadow:0 0 12px rgba(255,255,255,0.18);
}

/* logo */

.mtgb_logo{
    position:relative;
    display:flex;
    align-items:center;
    gap:9px;

    text-decoration:none;

    padding:7px 12px 7px 8px;
    border-radius:999px;

    background:rgba(255,255,255,0.055);
    border:1px solid rgba(255,255,255,0.10);

    transition:
        background .25s ease,
        transform .25s ease,
        border .25s ease;
}

.mtgb_logo:hover{
    background:rgba(255,255,255,0.09);
    border-color:rgba(255,255,255,0.16);
}

.mtgb_logo_balloon{
    width:34px;
    height:34px;

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

    border-radius:50%;

    background:
        radial-gradient(circle at 35% 28%, rgba(255,255,255,0.95), rgba(255,255,255,0.1) 28%, transparent 38%),
        linear-gradient(145deg, #8fb7ff, #f4a6d7);

    box-shadow:
        0 10px 22px rgba(120,170,255,0.28),
        inset 0 1px 1px rgba(255,255,255,0.35);
}

.mtgb_logo_balloon svg{
    width:23px;
    height:23px;

    fill:rgba(255,255,255,0.28);
    stroke:rgba(255,255,255,0.88);
    stroke-width:3;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.mtgb_logo_text{
    font-family:'Nunito', Arial, sans-serif;
    font-size:24px;
    line-height:1;
    font-weight:800;
    letter-spacing:.2px;

    background:linear-gradient(135deg, #ffffff, #dce8ff 38%, #ffd7ee);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;

    text-shadow:0 10px 30px rgba(120,170,255,0.20);
}

/* contact */

.mtgb_contact_btn svg{
    width:23px;
    height:23px;

    fill:none;
    stroke:rgba(255,255,255,0.84);
    stroke-width:1.9;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.mtgb_left_side{
    display:flex;
    align-items:center;
    gap:14px;
}
.mtgb_menu_overlay{
    position:fixed;
    inset:0;

    background:rgba(0,0,0,0.20);

    backdrop-filter:blur(4px);
    -webkit-backdrop-filter:blur(4px);

    opacity:0;
    pointer-events:none;

    z-index:3000;

    transition:opacity .35s ease;
}

.mtgb_menu_overlay.is-open{
    opacity:1;
    pointer-events:auto;
}

.mtgb_side_menu{
    position:fixed;
    top:14px;
    left:14px;
    bottom:14px;

    width:300px;
    max-width:calc(100vw - 28px);

    z-index:3100;

    border-radius:28px;

    background:rgba(255,255,255,0.105);

    backdrop-filter:blur(28px) saturate(160%);
    -webkit-backdrop-filter:blur(28px) saturate(160%);

    border:1px solid rgba(255,255,255,0.18);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.16),
        0 28px 80px rgba(0,0,0,0.45);

    transform:translateX(calc(-100% - 24px));
    opacity:0;

    transition:
        transform .48s cubic-bezier(.17,.89,.32,1.08),
        opacity .32s ease;

    padding:18px;

    box-sizing:border-box;

    display:flex;
    flex-direction:column;

    overflow:hidden;
}

.mtgb_side_menu.is-open{
    transform:translateX(0);
    opacity:1;
}

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

    gap:14px;

    margin-bottom:28px;
}

.mtgb_side_menu_brand{
    display:flex;
    align-items:center;
    gap:9px;

    font-family:'Nunito', Arial, sans-serif;
    font-size:17px;
    font-weight:800;

    color:rgba(255,255,255,0.92);
}

.mtgb_side_menu_dot{
    width:13px;
    height:13px;

    border-radius:50%;

    background:linear-gradient(145deg, #8fb7ff, #f4a6d7);

    box-shadow:
        0 0 18px rgba(143,183,255,0.55),
        inset 0 1px 1px rgba(255,255,255,0.45);
}

.mtgb_menu_close{
    position:relative;

    width:42px;
    height:42px;

    border:0;
    border-radius:15px;

    background:rgba(255,255,255,0.10);

    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);

    cursor:pointer;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.12),
        0 12px 28px rgba(0,0,0,0.18);

    transition:
        transform .25s ease,
        background .25s ease;
}

.mtgb_menu_close:hover{
    background:rgba(255,255,255,0.16);
    transform:translateY(-1px);
}

.mtgb_menu_close:active{
    transform:scale(.96);
}

.mtgb_menu_close span{
    position:absolute;
    left:50%;
    top:50%;

    width:18px;
    height:2px;

    border-radius:999px;

    background:rgba(255,255,255,0.86);
}

.mtgb_menu_close span:first-child{
    transform:translate(-50%, -50%) rotate(45deg);
}

.mtgb_menu_close span:last-child{
    transform:translate(-50%, -50%) rotate(-45deg);
}

.mtgb_side_menu_links{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.mtgb_side_menu_links a,
.mtgb_menu_contact{
    width:100%;

    display:flex;
    align-items:center;

    min-height:50px;

    padding:0 15px;

    box-sizing:border-box;

    border-radius:18px;

    font-family:'Nunito', Arial, sans-serif;
    font-size:17px;
    font-weight:750;

    color:rgba(255,255,255,0.88);
    text-decoration:none;

    background:rgba(255,255,255,0.065);
    border:1px solid rgba(255,255,255,0.08);

    box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);

    transition:
        background .25s ease,
        border-color .25s ease,
        transform .25s ease,
        color .25s ease;
}

.mtgb_menu_contact{
    border:1px solid rgba(255,255,255,0.13);
    cursor:pointer;
    text-align:left;
}

.mtgb_side_menu_links a:hover,
.mtgb_menu_contact:hover{
    background:rgba(255,255,255,0.125);
    border-color:rgba(255,255,255,0.18);
    color:#fff;
    transform:translateX(3px);
}

.mtgb_menu_contact{
    margin-top:10px;

    background:
        linear-gradient(135deg, rgba(143,183,255,0.20), rgba(244,166,215,0.16)),
        rgba(255,255,255,0.08);
}
body.mtgb_menu_open{
    overflow:hidden;
}
.mtgb_contact_overlay{
    position:fixed;
    inset:0;

    background:rgba(0,0,0,0.32);

    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);

    opacity:0;
    pointer-events:none;

    z-index:2000;

    transition:opacity .35s ease;
}

.mtgb_contact_overlay.is-open{
    opacity:1;
    pointer-events:auto;
}

.mtgb_contact_modal{
    position:fixed;
    inset:0;

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

    padding:22px;

    box-sizing:border-box;

    overflow-y:auto;

    opacity:0;
    pointer-events:none;

    z-index:2100;

    transform:scale(.96) translateY(12px);

    transition:
        opacity .35s ease,
        transform .45s cubic-bezier(.17,.89,.32,1.08);
}

.mtgb_contact_modal.is-open{
    opacity:1;
    pointer-events:auto;
    transform:scale(1) translateY(0);
}

.mtgb_contact_modal_inner{
    width:100%;
    max-width:520px;

    border-radius:30px;

    padding:22px;

    box-sizing:border-box;

    background:rgba(255,255,255,0.12);

    backdrop-filter:blur(30px) saturate(165%);
    -webkit-backdrop-filter:blur(30px) saturate(165%);

    border:1px solid rgba(255,255,255,0.20);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.16),
        0 34px 90px rgba(0,0,0,0.52);
}

.mtgb_contact_modal_top{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:18px;

    margin-bottom:20px;
}

.mtgb_contact_modal_top h2{
    margin:0 0 7px 0;

    font-family:'Nunito', Arial, sans-serif;
    font-size:28px;
    line-height:1.1;
    font-weight:850;

    color:rgba(255,255,255,0.96);
}

.mtgb_contact_modal_top p{
    margin:0;

    max-width:390px;

    font-family:'Nunito', Arial, sans-serif;
    font-size:16px;
    line-height:1.45;
    font-weight:600;

    color:rgba(255,255,255,0.70);
}

.mtgb_contact_x{
    position:relative;

    flex:0 0 auto;

    width:42px;
    height:42px;

    border:0;
    border-radius:15px;

    background:rgba(255,255,255,0.10);

    cursor:pointer;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.12),
        0 12px 28px rgba(0,0,0,0.18);

    transition:
        transform .25s ease,
        background .25s ease;
}

.mtgb_contact_x:hover{
    background:rgba(255,255,255,0.16);
    transform:translateY(-1px);
}

.mtgb_contact_x:active{
    transform:scale(.96);
}

.mtgb_contact_x span{
    position:absolute;
    left:50%;
    top:50%;

    width:18px;
    height:2px;

    border-radius:999px;

    background:rgba(255,255,255,0.86);
}

.mtgb_contact_x span:first-child{
    transform:translate(-50%, -50%) rotate(45deg);
}

.mtgb_contact_x span:last-child{
    transform:translate(-50%, -50%) rotate(-45deg);
}

.mtgb_contact_form{
    display:flex;
    flex-direction:column;
    gap:16px;
}

.mtgb_contact_form textarea{
    width:100%;
    min-height:150px;
    resize:none;

    padding:16px 17px;

    box-sizing:border-box;

    border:1px solid rgba(255,255,255,0.16);
    border-radius:22px;

    outline:none;

    background:rgba(255,255,255,0.09);

    color:rgba(255,255,255,0.94);

    font-family:'Nunito', Arial, sans-serif;
    font-size:16px;
    line-height:1.45;
    font-weight:600;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.10),
        0 14px 36px rgba(0,0,0,0.18);

    transition:
        border-color .25s ease,
        background .25s ease,
        box-shadow .25s ease;
}

.mtgb_contact_form textarea::placeholder{
    color:rgba(255,255,255,0.42);
}

.mtgb_contact_form textarea:focus{
    border-color:rgba(180,210,255,0.42);
    background:rgba(255,255,255,0.12);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.13),
        0 0 0 4px rgba(143,183,255,0.10),
        0 18px 42px rgba(0,0,0,0.22);
}

.mtgb_contact_actions{
    display:flex;
    justify-content:flex-end;
    gap:10px;
}

.mtgb_contact_actions button{
    min-height:46px;
    padding:0 18px;

    border:0;
    border-radius:16px;

    font-family:'Nunito', Arial, sans-serif;
    font-size:16px;
    font-weight:800;

    cursor:pointer;

    transition:
        transform .25s ease,
        background .25s ease,
        box-shadow .25s ease;
}

.mtgb_contact_actions button:active{
    transform:scale(.97);
}

.mtgb_contact_cancel{
    color:rgba(255,255,255,0.82);
    background:rgba(255,255,255,0.09);
}

.mtgb_contact_cancel:hover{
    background:rgba(255,255,255,0.14);
}

.mtgb_contact_submit{
    color:#fff;

    background:
        linear-gradient(135deg, rgba(143,183,255,0.95), rgba(244,166,215,0.88));

    box-shadow:
        0 14px 34px rgba(143,183,255,0.24),
        inset 0 1px 0 rgba(255,255,255,0.28);
}

.mtgb_contact_submit:hover{
    box-shadow:
        0 18px 42px rgba(143,183,255,0.32),
        inset 0 1px 0 rgba(255,255,255,0.32);
}

body.mtgb_contact_open{
    overflow:hidden;
}
.mtgb_side_menu_links{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.mtgb_menu_group{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.mtgb_menu_section_title{
    padding:0 8px;

    font-family:'Nunito', Arial, sans-serif;
    font-size:14px;
    font-weight:800;
    letter-spacing:.4px;

    text-transform:uppercase;

    color:rgba(255,255,255,0.42);
}

.mtgb_menu_sub_links{
    display:flex;
    flex-direction:column;
    gap:9px;
}

.mtgb_menu_main,
.mtgb_menu_sub_links a,
.mtgb_menu_contact{
    width:100%;

    display:flex;
    align-items:center;

    min-height:50px;

    padding:0 15px;

    box-sizing:border-box;

    border-radius:18px;

    font-family:'Nunito', Arial, sans-serif;
    font-size:17px;
    font-weight:750;

    color:rgba(255,255,255,0.88);
    text-decoration:none;

    background:rgba(255,255,255,0.065);

    border:1px solid rgba(255,255,255,0.08);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.08);

    transition:
        background .25s ease,
        border-color .25s ease,
        transform .25s ease,
        color .25s ease;
}

.mtgb_menu_main:hover,
.mtgb_menu_sub_links a:hover,
.mtgb_menu_contact:hover{
    background:rgba(255,255,255,0.125);

    border-color:rgba(255,255,255,0.18);

    color:#fff;

    transform:translateX(3px);
}

/* sublinks putin diferite */

.mtgb_menu_sub_links a{
    min-height:46px;

    padding-left:18px;

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

    background:rgba(255,255,255,0.045);
}

/* contact accent */

.mtgb_menu_contact{
    border:1px solid rgba(255,255,255,0.13);

    cursor:pointer;

    text-align:left;

    background:
        linear-gradient(
            135deg,
            rgba(143,183,255,0.18),
            rgba(244,166,215,0.15)
        ),
        rgba(255,255,255,0.08);
}
body.mtgb_menu_open,
body.mtgb_contact_open{
    overflow:hidden;
    touch-action:none;
}
html.mtgb_lock_scroll,
html.mtgb_lock_scroll body{
    overflow:hidden;
    overscroll-behavior:none;
}
.mtgb_story_section{
    position:relative;
    min-height:100vh;
    padding:120px 7vw;
    box-sizing:border-box;

    display:flex;
    align-items:center;
}

.mtgb_story_wrap{
    width:100%;
    max-width:1180px;
    margin:0 auto;

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;
    align-items:center;
}

.mtgb_story_photo{
    position:relative;

    padding:14px;
    border-radius:34px;

    background:rgba(255,255,255,0.13);
    border:1px solid rgba(255,255,255,0.22);

    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);

    box-shadow:
        0 28px 80px rgba(0,0,0,0.42),
        inset 0 1px 0 rgba(255,255,255,0.18);

    transform:rotate(-3deg) translateY(30px) scale(.96);
    opacity:0;
}

.mtgb_story_photo.is-visible{
    animation:mtgbPhotoDevelop 1.25s cubic-bezier(.17,.89,.32,1.08) forwards;
}

.mtgb_story_photo img{
    width:100%;
    aspect-ratio:4 / 3;
    object-fit:cover;
    display:block;

    border-radius:24px;

    pointer-events:none;
    user-select:none;
    -webkit-user-drag:none;
}

.mtgb_story_text{
    opacity:0;
    transform:translateY(24px);
}

.mtgb_story_text.is-visible{
    animation:mtgbTextIn .9s ease forwards;
    animation-delay:.25s;
}

.mtgb_story_label{
    display:inline-flex;
    margin-bottom:16px;

    padding:8px 14px;
    border-radius:999px;

    font-family:'Nunito', Arial, sans-serif;
    font-size:14px;
    font-weight:800;

    color:rgba(255,255,255,0.84);

    background:rgba(255,255,255,0.10);
    border:1px solid rgba(255,255,255,0.16);
}

.mtgb_story_text h2{
    margin:0 0 18px 0;

    font-family:'Nunito', Arial, sans-serif;
    font-size:46px;
    line-height:1.05;
    font-weight:900;

    color:rgba(255,255,255,0.96);
}

.mtgb_story_text p{
    margin:0;

    max-width:520px;

    font-family:'Nunito', Arial, sans-serif;
    font-size:19px;
    line-height:1.65;
    font-weight:600;

    color:rgba(255,255,255,0.68);
}

/* bottom pill */

.mtgb_story_pill{
    position:fixed;
    left:50%;
    bottom:24px;

    transform:translate(-50%, 26px) scale(.96);

    min-width:300px;
    padding:12px 12px 12px 22px;

    border-radius:999px;

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

    z-index:1800;

    opacity:0;
    pointer-events:none;

    background:rgba(255,255,255,0.13);
    border:1px solid rgba(255,255,255,0.20);

    backdrop-filter:blur(24px) saturate(160%);
    -webkit-backdrop-filter:blur(24px) saturate(160%);

    box-shadow:
        0 22px 70px rgba(0,0,0,0.38),
        inset 0 1px 0 rgba(255,255,255,0.18);

    cursor:pointer;

    transition:
        opacity .35s ease,
        transform .45s cubic-bezier(.17,.89,.32,1.08),
        min-width .35s ease,
        padding .35s ease;
}

.mtgb_story_pill.is-visible{
    opacity:1;
    pointer-events:auto;
    transform:translate(-50%, 0) scale(1);
}

.mtgb_story_pill_text{
    font-family:'Nunito', Arial, sans-serif;
    font-size:17px;
    font-weight:850;
    color:rgba(255,255,255,0.92);
    white-space:nowrap;
}

.mtgb_story_pill_icon{
    width:44px;
    height:44px;
    border-radius:50%;

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

    background:linear-gradient(145deg, #8fb7ff, #6fa3ff);

    box-shadow:
        0 12px 28px rgba(111,163,255,0.35),
        inset 0 1px 0 rgba(255,255,255,0.30);
}

.mtgb_story_pill_icon svg{
    width:23px;
    height:23px;
    fill:none;
    stroke:#fff;
    stroke-width:2.4;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.mtgb_story_pill.is-close{
    min-width:64px;
    width:64px;
    height:64px;
    padding:0;
    justify-content:center;
}

.mtgb_story_pill.is-close .mtgb_story_pill_text{
    display:none;
}

.mtgb_story_pill.is-close .mtgb_story_pill_icon{
    background:rgba(255,255,255,0.12);
}

.mtgb_story_pill.is-close .mtgb_story_pill_icon svg{
    display:none;
}

.mtgb_story_pill.is-close .mtgb_story_pill_icon::before,
.mtgb_story_pill.is-close .mtgb_story_pill_icon::after{
    content:'';
    position:absolute;
    width:21px;
    height:2px;
    border-radius:999px;
    background:#fff;
}

.mtgb_story_pill.is-close .mtgb_story_pill_icon::before{
    transform:rotate(45deg);
}

.mtgb_story_pill.is-close .mtgb_story_pill_icon::after{
    transform:rotate(-45deg);
}

/* drawer */

.mtgb_story_drawer{
    position:fixed;
    left:0;
    right:0;
    bottom:0;

    height:82vh;

    z-index:1700;

    transform:translateY(105%);
    opacity:0;

    transition:
        transform .65s cubic-bezier(.17,.89,.32,1.02),
        opacity .35s ease;

    pointer-events:none;
    overflow:hidden;
}

.mtgb_story_drawer.is-open{
    transform:translateY(0);
    opacity:1;
    pointer-events:auto;
}

.mtgb_story_drawer_inner{
    width:min(1000px, calc(100% - 28px));
    height:100%;

    margin:0 auto;

    padding:36px;
    box-sizing:border-box;

    border-radius:42px 42px 0 0;

    background:
        linear-gradient(
            180deg,
            rgba(24,26,42,0.82),
            rgba(18,20,34,0.88)
        );
    border:1px solid rgba(255,255,255,0.12);
    border-bottom:0;

    backdrop-filter:blur(34px) saturate(135%);
    -webkit-backdrop-filter:blur(34px) saturate(135%);

    box-shadow:
        0 -28px 90px rgba(0,0,0,0.50),
        inset 0 1px 0 rgba(255,255,255,0.18);

    overflow-y:auto;
    overflow-x:hidden;
    -webkit-overflow-scrolling:touch;
}
.mtgb_story_drawer_inner{
    scrollbar-width:none;
    -ms-overflow-style:none;
}

.mtgb_story_drawer_inner::-webkit-scrollbar{
    width:0;
    height:0;
    display:none;
}

.mtgb_story_drawer_inner h2{
    margin:0 0 16px 0;
    font-family:'Nunito', Arial, sans-serif;
    font-size:38px;
    color:#fff;
}

.mtgb_story_drawer_inner p{
    max-width:680px;
    font-family:'Nunito', Arial, sans-serif;
    font-size:18px;
    line-height:1.7;
    color:rgba(255,255,255,0.72);
}

/* animations */

@keyframes mtgbPhotoDevelop{
    0%{
        opacity:0;
        filter:blur(16px) brightness(1.35);
        transform:rotate(-3deg) translateY(36px) scale(.92);
    }

    55%{
        opacity:1;
        filter:blur(3px) brightness(1.12);
    }

    100%{
        opacity:1;
        filter:blur(0) brightness(1);
        transform:rotate(-3deg) translateY(0) scale(1);
    }
}

@keyframes mtgbTextIn{
    to{
        opacity:1;
        transform:translateY(0);
    }
}
.mtgb_botez_cover{
    position:relative;

    height:340px;
    margin:-36px -36px 34px -36px;

    overflow:hidden;

    border-radius:42px 42px 0px 0px;
}

.mtgb_botez_cover::after{
    content:'';
    position:absolute;
    inset:0;

    background:
        linear-gradient(
            to bottom,
            rgba(15,15,18,0) 45%,
            rgba(15,15,18,0.24) 72%,
            rgba(255,255,255,0.08) 100%
        );

    pointer-events:none;
}

.mtgb_botez_cover img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;

    pointer-events:none;
    user-select:none;
    -webkit-user-drag:none;
}

.mtgb_botez_content{
    position:relative;
}

.mtgb_botez_content h2{
    margin:0 0 18px 0;

    font-family:'Nunito', Arial, sans-serif;
    font-size:40px;
    line-height:1.08;
    font-weight:900;

    color:rgba(255,255,255,0.96);
}

.mtgb_botez_content p{
    max-width:760px;

    font-family:'Nunito', Arial, sans-serif;
    font-size:18px;
    line-height:1.75;
    font-weight:600;

    color:rgba(255,255,255,0.72);
}

.mtgb_botez_gallery{
    margin-top:36px;

    display:grid;
    grid-template-columns:repeat(6, 1fr);
    gap:18px;

    align-items:start;
}

.mtgb_botez_polaroid{
    padding:9px;

    border-radius:24px;

    background:rgba(255,255,255,0.13);
    border:1px solid rgba(255,255,255,0.20);

    box-shadow:
        0 18px 50px rgba(0,0,0,0.30),
        inset 0 1px 0 rgba(255,255,255,0.15);

    transform:rotate(-2deg);

    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
}

.mtgb_botez_polaroid:nth-child(even){
    transform:rotate(2deg);
}

.mtgb_botez_polaroid img{
    width:100%;
    height:100%;

    object-fit:cover;
    display:block;

    border-radius:17px;

    pointer-events:none;
    user-select:none;
    -webkit-user-drag:none;
}

.mtgb_botez_polaroid.large{
    grid-column:span 3;
    height:260px;
}

.mtgb_botez_polaroid.small{
    grid-column:span 2;
    height:210px;
}

.mtgb_botez_polaroid.tall{
    grid-column:span 2;
    height:300px;
}

.mtgb_botez_polaroid.wide{
    grid-column:span 4;
    height:230px;
}

.mtgb_botez_polaroid.rotate{
    margin-top:-70px;
}

.mtgb_botez_more{
    margin-top:34px;

    width:max-content;

    display:inline-flex;
    align-items:center;
    gap:12px;

    padding:15px 18px 15px 22px;

    border-radius:999px;

    font-family:'Nunito', Arial, sans-serif;
    font-size:17px;
    font-weight:850;

    color:#fff;
    text-decoration:none;

    background:
        linear-gradient(135deg, rgba(143,183,255,0.24), rgba(244,166,215,0.20)),
        rgba(255,255,255,0.12);

    border:1px solid rgba(255,255,255,0.20);

    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);

    box-shadow:
        0 18px 45px rgba(0,0,0,0.30),
        inset 0 1px 0 rgba(255,255,255,0.18);

    transition:
        transform .25s ease,
        background .25s ease,
        box-shadow .25s ease;
}

.mtgb_botez_more:hover{
    transform:translateY(-2px);
    background:
        linear-gradient(135deg, rgba(143,183,255,0.32), rgba(244,166,215,0.26)),
        rgba(255,255,255,0.15);
}

.mtgb_botez_more_arrow{
    width:34px;
    height:34px;

    flex:0 0 auto;

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

    border-radius:50%;

    background:linear-gradient(145deg, #8fb7ff, #6fa3ff);

    box-shadow:
        0 10px 24px rgba(111,163,255,0.32),
        inset 0 1px 0 rgba(255,255,255,0.24);
}

.mtgb_botez_more_arrow svg{
    width:18px;
    height:18px;

    fill:none;
    stroke:#fff;
    stroke-width:2.5;
    stroke-linecap:round;
    stroke-linejoin:round;

    transform:translateX(1px);
}
.mtgb_drawer_upbar{
    position:sticky;
    top:14px;

    width:fit-content;
    margin:0 auto -64px auto;

    z-index:20;

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

    padding:10px 10px 10px 18px;

    border-radius:999px;

    background:rgba(255,255,255,0.13);
    border:1px solid rgba(255,255,255,0.20);

    backdrop-filter:blur(24px) saturate(160%);
    -webkit-backdrop-filter:blur(24px) saturate(160%);

    box-shadow:
        0 18px 54px rgba(0,0,0,0.34),
        inset 0 1px 0 rgba(255,255,255,0.18);

    opacity:0;
    pointer-events:none;

    transform:translateY(-16px) scale(.96);

    transition:
        opacity .3s ease,
        transform .42s cubic-bezier(.17,.89,.32,1.08);
}

.mtgb_drawer_upbar.is-visible{
    opacity:1;
    pointer-events:auto;
    transform:translateY(0) scale(1);
}

.mtgb_drawer_upbar span{
    font-family:'Nunito', Arial, sans-serif;
    font-size:16px;
    font-weight:850;
    color:rgba(255,255,255,0.94);
    white-space:nowrap;
}

.mtgb_drawer_upbar_arrow{
    width:38px;
    height:38px;

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

    border-radius:50%;

    background:linear-gradient(145deg, #8fb7ff, #6fa3ff);

    box-shadow:
        0 10px 24px rgba(111,163,255,0.34),
        inset 0 1px 0 rgba(255,255,255,0.28);
}

.mtgb_drawer_upbar_arrow svg{
    width:19px;
    height:19px;

    fill:none;
    stroke:#fff;
    stroke-width:2.5;
    stroke-linecap:round;
    stroke-linejoin:round;

    transform:translateX(1px);
}
.mtgb_story_wrap_reverse{
    grid-template-columns:1fr 1fr;
}

.mtgb_story_video_photo video{
    width:100%;
    aspect-ratio:4 / 3;
    object-fit:cover;
    display:block;

    border-radius:24px;

    pointer-events:none;
    user-select:none;
    -webkit-user-drag:none;
}

.mtgb_story_video_photo{
    transform:rotate(3deg) translateY(30px) scale(.96);
}

.mtgb_story_video_photo.is-visible{
    animation:mtgbVideoDevelop 1.25s cubic-bezier(.17,.89,.32,1.08) forwards;
}

@keyframes mtgbVideoDevelop{
    0%{
        opacity:0;
        filter:blur(16px) brightness(1.25);
        transform:rotate(3deg) translateY(36px) scale(.92);
    }

    55%{
        opacity:1;
        filter:blur(3px) brightness(1.08);
    }

    100%{
        opacity:1;
        filter:blur(0) brightness(1);
        transform:rotate(3deg) translateY(0) scale(1);
    }
}
.mtgb_story_pill_text{
    transition:
        opacity .22s ease,
        transform .22s ease;
}

.mtgb_story_pill.is-changing .mtgb_story_pill_text{
    opacity:0;
    transform:translateY(6px);
}

.mtgb_story_pill_icon{
    transition:
        transform .28s ease,
        background .28s ease;
}

.mtgb_story_pill.is-changing .mtgb_story_pill_icon{
    transform:scale(.88) rotate(-8deg);
}
.mtgb_story_drawer_content{
    display:none;
}

.mtgb_story_drawer_content.is-active{
    display:block;
}
.mtgb_ending_section{
    min-height:85vh;

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

    padding:120px 24px;
    box-sizing:border-box;
}

.mtgb_ending_card{
    width:100%;
    max-width:760px;

    padding:42px;

    border-radius:36px;

    text-align:center;

    background:rgba(255,255,255,0.10);
    border:1px solid rgba(255,255,255,0.18);

    backdrop-filter:blur(26px) saturate(155%);
    -webkit-backdrop-filter:blur(26px) saturate(155%);

    box-shadow:
        0 28px 80px rgba(0,0,0,0.38),
        inset 0 1px 0 rgba(255,255,255,0.16);

    opacity:0;
    transform:translateY(34px) scale(.96);

    transition:
        opacity .75s ease,
        transform .9s cubic-bezier(.17,.89,.32,1.08);
}

.mtgb_ending_card.is-visible{
    opacity:1;
    transform:translateY(0) scale(1);
}

.mtgb_ending_card h2{
    margin:16px 0 18px 0;

    font-family:'Nunito', Arial, sans-serif;
    font-size:44px;
    line-height:1.08;
    font-weight:900;

    color:rgba(255,255,255,0.96);
}

.mtgb_ending_card p{
    margin:0 auto 14px auto;

    max-width:610px;

    font-family:'Nunito', Arial, sans-serif;
    font-size:18px;
    line-height:1.7;
    font-weight:600;

    color:rgba(255,255,255,0.72);
}
.mtgb_story_text_only{
    max-width:760px;
}

.mtgb_story_text_only p{
    font-size:19px;
    line-height:1.9;
}
.mtgb_menu_group{
    position:relative;
}

.mtgb_menu_group:not(:first-child){
    padding-left:18px;
}

.mtgb_menu_group:not(:first-child)::before{
    content:'';

    position:absolute;
    left:3px;
    top:26px;
    bottom:14px;

    width:2px;

    border-radius:999px;

    background:linear-gradient(
        to bottom,
        rgba(180,200,255,0.05),
        rgba(180,200,255,0.35),
        rgba(244,166,215,0.24),
        rgba(180,200,255,0.05)
    );
}

.mtgb_menu_group:not(:first-child) .mtgb_menu_sub_links a,
.mtgb_menu_group:not(:first-child) .mtgb_menu_contact{
    position:relative;
}

.mtgb_menu_group:not(:first-child) .mtgb_menu_sub_links a::before,
.mtgb_menu_group:not(:first-child) .mtgb_menu_contact::before{
    content:'';

    position:absolute;
    left:-15px;
    top:50%;

    width:15px;
    height:18px;

    border-left:2px solid rgba(180,200,255,0.20);
    border-bottom:2px solid rgba(180,200,255,0.20);

    border-radius:0 0 0 10px;

    transform:translateY(-90%);
}
.mtgb_footer{
    padding:40px 24px 48px 24px;
    box-sizing:border-box;
}

.mtgb_footer_inner{
    max-width:980px;
    margin:0 auto;

    padding:28px 30px;

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

    border-radius:34px;

    background:rgba(255,255,255,0.09);
    border:1px solid rgba(255,255,255,0.16);

    backdrop-filter:blur(26px) saturate(155%);
    -webkit-backdrop-filter:blur(26px) saturate(155%);

    box-shadow:
        0 24px 70px rgba(0,0,0,0.34),
        inset 0 1px 0 rgba(255,255,255,0.14);
}

.mtgb_footer_brand{
    display:flex;
    align-items:center;
    gap:10px;

    flex:0 0 auto;

    text-decoration:none;
}

.mtgb_footer_logo_icon{
    width:42px;
    height:42px;

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

    border-radius:50%;

    background:rgba(255,255,255,0.10);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.18),
        0 12px 28px rgba(240,154,193,0.18);
}

.mtgb_footer_logo_icon svg{
    width:30px;
    height:30px;
    transform:rotate(25deg);
}

.mtgb_footer_logo_text{
    font-family:'Nunito', Arial, sans-serif;
    font-size:20px;
    font-weight:900;
    letter-spacing:.2px;

    color:#E772AC;
    text-shadow:0 10px 28px rgba(231,114,172,0.18);
}

.mtgb_footer_message{
    margin:0;

    flex:1;

    text-align:center;

    font-family:'Nunito', Arial, sans-serif;
    font-size:15px;
    line-height:1.5;
    font-weight:700;

    color:rgba(255,255,255,0.66);
}

.mtgb_footer_mami{
    flex:0 0 auto;

    display:flex;
    flex-direction:column;
    align-items:flex-end;

    text-decoration:none;

    font-family:'Nunito', Arial, sans-serif;
    font-size:14px;
    line-height:1.25;
    font-weight:850;

    color:rgba(255,255,255,0.86);

    transition:
        color .25s ease,
        transform .25s ease;
}

.mtgb_footer_mami span{
    margin-top:3px;

    font-size:13px;
    font-weight:750;

    color:rgba(244,166,215,0.78);
}

.mtgb_footer_mami:hover{
    color:#fff;
    transform:translateY(-1px);
}
.mtgb_footer{
    padding:40px 24px 48px 24px;
    box-sizing:border-box;
}

.mtgb_footer_inner{
    max-width:980px;
    margin:0 auto;

    padding:28px 30px;

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

    border-radius:34px;

    background:rgba(255,255,255,0.09);
    border:1px solid rgba(255,255,255,0.16);

    backdrop-filter:blur(26px) saturate(155%);
    -webkit-backdrop-filter:blur(26px) saturate(155%);

    box-shadow:
        0 24px 70px rgba(0,0,0,0.34),
        inset 0 1px 0 rgba(255,255,255,0.14);
}

.mtgb_footer_brand{
    display:flex;
    align-items:center;
    gap:9px;

    flex:0 0 auto;

    text-decoration:none;
}

.mtgb_footer_logo_icon{
    width:42px;
    height:42px;

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

    flex:0 0 auto;

    border-radius:50%;

    background:rgba(255,255,255,0.10);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.18),
        0 12px 28px rgba(240,154,193,0.18);
}

.mtgb_footer_logo_icon svg{
    width:30px;
    height:30px;

    display:block;

    transform:rotate(25deg);
}

.mtgb_footer_logo_wordmark{
    width:180px;
    height:34px;

    display:flex;
    align-items:center;

    overflow:hidden;
}

.mtgb_footer_logo_wordmark svg{
    width:100%;
    height:100%;

    display:block;

    fill:#E772AC;

    filter:drop-shadow(0 8px 22px rgba(231,114,172,0.20));
}

.mtgb_footer_message{
    margin:0;

    flex:1;

    text-align:center;

    font-family:'Nunito', Arial, sans-serif;
    font-size:15px;
    line-height:1.5;
    font-weight:700;

    color:rgba(255,255,255,0.66);
}

.mtgb_footer_mami{
    flex:0 0 auto;

    display:flex;
    flex-direction:column;
    align-items:flex-end;

    text-decoration:none;

    font-family:'Nunito', Arial, sans-serif;
    font-size:14px;
    line-height:1.25;
    font-weight:850;

    color:rgba(255,255,255,0.86);

    transition:
        color .25s ease,
        transform .25s ease;
}

.mtgb_footer_mami span{
    margin-top:3px;

    font-size:13px;
    font-weight:750;

    color:rgba(244,166,215,0.78);
}

.mtgb_footer_mami:hover{
    color:#fff;
    transform:translateY(-1px);
}
.mtgb_drawer_upbar a, a:hover{
    text-decoration:none;
}
.mtgb_botez_page{
    padding:130px 24px 70px 24px;
    box-sizing:border-box;
}

.mtgb_botez_hero{
    max-width:860px;
    margin:0 auto 70px auto;
    text-align:center;

    opacity:0;
    transform:translateY(24px);
    animation:mtgbBotezHeroIn .8s ease forwards;
}

.mtgb_botez_hero h1{
    margin:18px 0;

    font-family:'Nunito', Arial, sans-serif;
    font-size:56px;
    line-height:1.05;
    font-weight:900;

    color:rgba(255,255,255,0.96);
}

.mtgb_botez_hero p{
    margin:0 auto;

    max-width:720px;

    font-family:'Nunito', Arial, sans-serif;
    font-size:19px;
    line-height:1.75;
    font-weight:600;

    color:rgba(255,255,255,0.72);
}

.mtgb_botez_gallery_page{
    max-width:1280px;
    margin:0 auto;

    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:24px;
}

.mtgb_botez_gallery_item{
    position:relative;

    border:0;
    padding:10px;

    min-height:260px;

    border-radius:26px;

    background:rgba(255,255,255,0.13);
    border:1px solid rgba(255,255,255,0.20);

    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);

    box-shadow:
        0 18px 54px rgba(0,0,0,0.32),
        inset 0 1px 0 rgba(255,255,255,0.16);

    cursor:pointer;

    opacity:0;
    transform:translateY(28px) scale(.96) rotate(0deg);

    transition:
        opacity .65s ease,
        transform .75s cubic-bezier(.17,.89,.32,1.08),
        box-shadow .25s ease,
        background .25s ease;
}

.mtgb_botez_gallery_item.is-visible{
    opacity:1;
}

.mtgb_botez_gallery_item:hover{
    background:rgba(255,255,255,0.17);
    box-shadow:
        0 24px 68px rgba(0,0,0,0.40),
        inset 0 1px 0 rgba(255,255,255,0.20);
}

.mtgb_botez_gallery_item img{
    width:100%;
    height:100%;

    object-fit:cover;
    display:block;

    border-radius:18px;

    pointer-events:none;
    user-select:none;
    -webkit-user-drag:none;
}

.mtgb_botez_gallery_item.r1{
    transform:translateY(28px) scale(.96) rotate(-2.5deg);
}

.mtgb_botez_gallery_item.r2{
    transform:translateY(28px) scale(.96) rotate(1.8deg);
}

.mtgb_botez_gallery_item.r3{
    transform:translateY(28px) scale(.96) rotate(-1.2deg);
}

.mtgb_botez_gallery_item.r4{
    transform:translateY(28px) scale(.96) rotate(2.4deg);
}

.mtgb_botez_gallery_item.r5{
    transform:translateY(28px) scale(.96) rotate(-1.8deg);
}

.mtgb_botez_gallery_item.r6{
    transform:translateY(28px) scale(.96) rotate(1.2deg);
}

.mtgb_botez_gallery_item.r7{
    transform:translateY(28px) scale(.96) rotate(-.8deg);
}

.mtgb_botez_gallery_item.is-visible.r1{
    transform:translateY(0) scale(1) rotate(-2.5deg);
}

.mtgb_botez_gallery_item.is-visible.r2{
    transform:translateY(0) scale(1) rotate(1.8deg);
}

.mtgb_botez_gallery_item.is-visible.r3{
    transform:translateY(0) scale(1) rotate(-1.2deg);
}

.mtgb_botez_gallery_item.is-visible.r4{
    transform:translateY(0) scale(1) rotate(2.4deg);
}

.mtgb_botez_gallery_item.is-visible.r5{
    transform:translateY(0) scale(1) rotate(-1.8deg);
}

.mtgb_botez_gallery_item.is-visible.r6{
    transform:translateY(0) scale(1) rotate(1.2deg);
}

.mtgb_botez_gallery_item.is-visible.r7{
    transform:translateY(0) scale(1) rotate(-.8deg);
}

.mtgb_botez_gallery_item:nth-child(5n){
    grid-column:span 2;
}

.mtgb_botez_gallery_item:nth-child(7n){
    min-height:340px;
}

.mtgb_botez_gallery_item:nth-child(9n){
    grid-row:span 2;
    min-height:430px;
}

/* lightbox */

.mtgb_lightbox{
    position:fixed;
    inset:0;

    z-index:5000;

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

    padding:24px;
    box-sizing:border-box;

    opacity:0;
    pointer-events:none;

    transition:opacity .35s ease;
}

.mtgb_lightbox.is-open{
    opacity:1;
    pointer-events:auto;
}

.mtgb_lightbox_backdrop{
    position:absolute;
    inset:0;

    background:rgba(0,0,0,0.42);

    backdrop-filter:blur(16px) saturate(135%);
    -webkit-backdrop-filter:blur(16px) saturate(135%);
}

.mtgb_lightbox_frame{
    position:relative;
    z-index:2;

    max-width:min(1200px, 94vw);
    max-height:88vh;

    padding:12px;

    border-radius:32px;

    background:rgba(255,255,255,0.13);
    border:1px solid rgba(255,255,255,0.22);

    backdrop-filter:blur(26px) saturate(155%);
    -webkit-backdrop-filter:blur(26px) saturate(155%);

    box-shadow:
        0 34px 100px rgba(0,0,0,0.58),
        inset 0 1px 0 rgba(255,255,255,0.16);

    transform:translateY(18px) scale(.96);

    transition:transform .45s cubic-bezier(.17,.89,.32,1.08);
}

.mtgb_lightbox.is-open .mtgb_lightbox_frame{
    transform:translateY(0) scale(1);
}

.mtgb_lightbox_frame img{
    max-width:100%;
    max-height:calc(88vh - 24px);

    display:block;

    object-fit:contain;

    border-radius:22px;

    pointer-events:none;
    user-select:none;
    -webkit-user-drag:none;
}

.mtgb_lightbox_close{
    position:fixed;
    top:24px;
    right:24px;

    z-index:3;

    width:52px;
    height:52px;

    border:0;
    border-radius:18px;

    background:rgba(255,255,255,0.13);
    border:1px solid rgba(255,255,255,0.20);

    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);

    cursor:pointer;

    box-shadow:
        0 18px 46px rgba(0,0,0,0.34),
        inset 0 1px 0 rgba(255,255,255,0.18);
}

.mtgb_lightbox_close span{
    position:absolute;
    left:50%;
    top:50%;

    width:22px;
    height:2px;

    border-radius:999px;

    background:#fff;
}

.mtgb_lightbox_close span:first-child{
    transform:translate(-50%, -50%) rotate(45deg);
}

.mtgb_lightbox_close span:last-child{
    transform:translate(-50%, -50%) rotate(-45deg);
}

body.mtgb_lightbox_open{
    overflow:hidden;
}

@keyframes mtgbBotezHeroIn{
    to{
        opacity:1;
        transform:translateY(0);
    }
}
.mtgb_gallery_loader,
.mtgb_gallery_end{
    max-width:520px;
    margin:34px auto 0 auto;

    padding:16px 22px;

    border-radius:999px;

    text-align:center;

    font-family:'Nunito', Arial, sans-serif;
    font-size:15px;
    font-weight:800;

    color:rgba(255,255,255,0.72);

    background:rgba(255,255,255,0.09);
    border:1px solid rgba(255,255,255,0.14);

    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);

    box-shadow:
        0 18px 48px rgba(0,0,0,0.26),
        inset 0 1px 0 rgba(255,255,255,0.12);
}

.mtgb_gallery_loader{
    opacity:0;
    transform:translateY(12px);
    pointer-events:none;

    transition:
        opacity .25s ease,
        transform .25s ease;
}

.mtgb_gallery_loader.is-visible{
    opacity:1;
    transform:translateY(0);
}

.mtgb_gallery_end{
    display:none;
}

.mtgb_gallery_end.is-visible{
    display:block;
}
.mtgb_botez_video_card{
    grid-column:span 2;

    padding:14px;

    border-radius:34px;

    background:
        linear-gradient(135deg, rgba(143,183,255,0.18), rgba(244,166,215,0.14)),
        rgba(255,255,255,0.13);

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

    backdrop-filter:blur(22px) saturate(155%);
    -webkit-backdrop-filter:blur(22px) saturate(155%);

    box-shadow:
        0 26px 80px rgba(0,0,0,0.42),
        inset 0 1px 0 rgba(255,255,255,0.18);

    opacity:0;
    transform:translateY(30px) scale(.96);

    transition:
        opacity .65s ease,
        transform .8s cubic-bezier(.17,.89,.32,1.08);
}

.mtgb_botez_video_card.is-visible{
    opacity:1;
    transform:translateY(0) scale(1);
}

.mtgb_botez_video_header{
    padding:8px 8px 14px 8px;
}

.mtgb_botez_video_header span{
    display:inline-flex;

    margin-bottom:8px;

    padding:7px 12px;

    border-radius:999px;

    font-family:'Nunito', Arial, sans-serif;
    font-size:13px;
    font-weight:850;

    color:rgba(255,255,255,0.86);

    background:rgba(255,255,255,0.11);
    border:1px solid rgba(255,255,255,0.16);
}

.mtgb_botez_video_header h2{
    margin:0;

    font-family:'Nunito', Arial, sans-serif;
    font-size:28px;
    line-height:1.1;
    font-weight:900;

    color:rgba(255,255,255,0.96);
}

.mtgb_botez_video_wrap{
    position:relative;

    overflow:hidden;

    border-radius:24px;

    background:rgba(0,0,0,0.22);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.12),
        0 18px 48px rgba(0,0,0,0.32);
}

.mtgb_botez_video_wrap video{
    width:100%;
    aspect-ratio:16 / 9;

    display:block;

    object-fit:cover;

    border-radius:24px;

    background:#000;
}
.mtgb_download_pill{
    position:fixed;
    left:50%;
    bottom:24px;

    z-index:1800;

    transform:translate(-50%, 28px) scale(.96);

    min-width:330px;
    padding:12px 12px 12px 22px;

    border-radius:999px;

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

    opacity:0;
    pointer-events:none;

    text-decoration:none;

    background:rgba(255,255,255,0.13);
    border:1px solid rgba(255,255,255,0.20);

    backdrop-filter:blur(24px) saturate(160%);
    -webkit-backdrop-filter:blur(24px) saturate(160%);

    box-shadow:
        0 22px 70px rgba(0,0,0,0.38),
        inset 0 1px 0 rgba(255,255,255,0.18);

    transition:
        opacity .35s ease,
        transform .45s cubic-bezier(.17,.89,.32,1.08);
}

.mtgb_download_pill.is-visible{
    opacity:1;
    pointer-events:auto;
    transform:translate(-50%, 0) scale(1);
}

.mtgb_download_pill_text{
    font-family:'Nunito', Arial, sans-serif;
    font-size:17px;
    font-weight:850;
    color:rgba(255,255,255,0.92);
    white-space:nowrap;
}

.mtgb_download_pill_icon{
    width:44px;
    height:44px;

    border-radius:50%;

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

    background:linear-gradient(145deg, #8fb7ff, #6fa3ff);

    box-shadow:
        0 12px 28px rgba(111,163,255,0.35),
        inset 0 1px 0 rgba(255,255,255,0.30);
}

.mtgb_download_pill_icon svg{
    width:22px;
    height:22px;

    fill:none;
    stroke:#fff;
    stroke-width:2.4;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.mtgb_download_overlay{
    position:fixed;
    inset:0;

    z-index:5200;

    background:rgba(0,0,0,0.34);

    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);

    opacity:0;
    pointer-events:none;

    transition:opacity .35s ease;
}

.mtgb_download_overlay.is-open{
    opacity:1;
    pointer-events:auto;
}

.mtgb_download_modal{
    position:fixed;
    inset:0;

    z-index:5300;

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

    padding:22px;
    box-sizing:border-box;

    opacity:0;
    pointer-events:none;

    transform:scale(.96) translateY(12px);

    transition:
        opacity .35s ease,
        transform .45s cubic-bezier(.17,.89,.32,1.08);
}

.mtgb_download_modal.is-open{
    opacity:1;
    pointer-events:auto;
    transform:scale(1) translateY(0);
}

.mtgb_download_modal_inner{
    width:100%;
    max-width:460px;

    padding:28px;

    border-radius:30px;

    text-align:center;

    background:rgba(255,255,255,0.12);
    border:1px solid rgba(255,255,255,0.20);

    backdrop-filter:blur(30px) saturate(160%);
    -webkit-backdrop-filter:blur(30px) saturate(160%);

    box-shadow:
        0 34px 90px rgba(0,0,0,0.52),
        inset 0 1px 0 rgba(255,255,255,0.16);
}

.mtgb_download_modal_inner h2{
    margin:0 0 12px 0;

    font-family:'Nunito', Arial, sans-serif;
    font-size:30px;
    line-height:1.1;
    font-weight:900;

    color:rgba(255,255,255,0.96);
}

.mtgb_download_modal_inner p{
    margin:0 auto 24px auto;

    max-width:360px;

    font-family:'Nunito', Arial, sans-serif;
    font-size:16px;
    line-height:1.6;
    font-weight:600;

    color:rgba(255,255,255,0.72);
}

.mtgb_download_actions{
    display:flex;
    gap:10px;
    justify-content:center;
}

.mtgb_download_actions button,
.mtgb_download_actions a{
    min-height:48px;
    padding:0 18px;

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

    border-radius:16px;

    font-family:'Nunito', Arial, sans-serif;
    font-size:15px;
    font-weight:850;

    text-decoration:none;
    cursor:pointer;

    transition:
        transform .25s ease,
        background .25s ease,
        box-shadow .25s ease;
}

.mtgb_download_actions button:active,
.mtgb_download_actions a:active{
    transform:scale(.97);
}

.mtgb_download_cancel{
    border:0;
    color:rgba(255,255,255,0.82);
    background:rgba(255,255,255,0.09);
}

.mtgb_download_confirm{
    color:#fff;

    background:
        linear-gradient(135deg, rgba(143,183,255,0.95), rgba(244,166,215,0.88));

    box-shadow:
        0 14px 34px rgba(143,183,255,0.24),
        inset 0 1px 0 rgba(255,255,255,0.28);
}
.mtgb_mami_page{
    position:relative;
    z-index:2;

    width:min(1200px, calc(100% - 40px));

    margin:140px auto 120px auto;
}

.mtgb_mami_hero{
    position:relative;

    overflow:hidden;

    border-radius:42px;

    background:
        linear-gradient(
            145deg,
            rgba(143,183,255,0.12),
            rgba(244,166,215,0.10)
        ),
        rgba(255,255,255,0.08);

    border:1px solid rgba(255,255,255,0.14);

    backdrop-filter:blur(24px) saturate(150%);
    -webkit-backdrop-filter:blur(24px) saturate(150%);

    box-shadow:
        0 35px 100px rgba(0,0,0,0.45),
        inset 0 1px 0 rgba(255,255,255,0.10);
}

.mtgb_mami_hero_image{
    position:relative;
    height:560px;
    overflow:hidden;
}

.mtgb_mami_hero_image::after{
    content:'';

    position:absolute;
    inset:0;

    background:
        linear-gradient(
            to top,
            rgba(12,14,24,0.92) 0%,
            rgba(12,14,24,0.30) 40%,
            rgba(12,14,24,0.05) 70%
        );
}

.mtgb_mami_hero_image img{
    width:100%;
    height:100%;

    display:block;

    object-fit:cover;
}

.mtgb_mami_content{
    position:relative;
    z-index:2;

    padding:50px;
}

.mtgb_mami_badge{
    display:inline-flex;

    padding:10px 16px;

    margin-bottom:18px;

    border-radius:999px;

    font-family:'Nunito', Arial, sans-serif;
    font-size:14px;
    font-weight:850;

    color:rgba(255,255,255,0.88);

    background:rgba(255,255,255,0.08);
    border:1px solid rgba(255,255,255,0.12);
}

.mtgb_mami_title{
    margin:0 0 24px 0;

    max-width:820px;

    font-family:'Nunito', Arial, sans-serif;
    font-size:64px;
    line-height:1;
    font-weight:900;

    color:#fff;
}

.mtgb_mami_text{
    max-width:760px;

    font-family:'Nunito', Arial, sans-serif;
    font-size:22px;
    line-height:1.9;
    font-weight:700;

    color:rgba(255,255,255,0.76);
}

.mtgb_mami_text p{
    margin:0 0 22px 0;
}

.mtgb_mami_link{
    margin-top:36px;

    display:inline-flex;
    align-items:center;
    gap:16px;

    padding:16px 18px 16px 24px;

    border-radius:999px;

    text-decoration:none;

    background:
        linear-gradient(
            145deg,
            rgba(143,183,255,0.18),
            rgba(244,166,215,0.14)
        ),
        rgba(255,255,255,0.10);

    border:1px solid rgba(255,255,255,0.16);

    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);

    box-shadow:
        0 18px 50px rgba(0,0,0,0.26),
        inset 0 1px 0 rgba(255,255,255,0.16);

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.mtgb_mami_link:hover{
    transform:translateY(-2px);

    box-shadow:
        0 28px 70px rgba(0,0,0,0.34),
        inset 0 1px 0 rgba(255,255,255,0.18);
}

.mtgb_mami_link_text{
    font-family:'Nunito', Arial, sans-serif;
    font-size:18px;
    font-weight:850;

    color:#fff;
}

.mtgb_mami_link_icon{
    width:46px;
    height:46px;

    flex-shrink:0;

    border-radius:50%;

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

    background:
        linear-gradient(
            145deg,
            #8fb7ff,
            #d89cff
        );

    box-shadow:
        0 10px 30px rgba(143,183,255,0.35);
}

.mtgb_mami_link_icon svg{
    width:20px;
    height:20px;

    fill:none;
    stroke:#fff;
    stroke-width:2.5;

    stroke-linecap:round;
    stroke-linejoin:round;
}

.mtgb_mami_gallery{
    margin-top:70px;

    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:34px;
}

.mtgb_mami_polaroid{
    position:relative;

    padding:14px 14px 26px 14px;

    border-radius:30px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,0.12),
            rgba(255,255,255,0.06)
        );

    border:1px solid rgba(255,255,255,0.14);

    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);

    box-shadow:
        0 24px 70px rgba(0,0,0,0.34),
        inset 0 1px 0 rgba(255,255,255,0.12);

    transition:
        transform .35s ease,
        box-shadow .35s ease;
}

.mtgb_mami_polaroid:hover{
    transform:translateY(-6px) rotate(1deg);

    box-shadow:
        0 34px 90px rgba(0,0,0,0.42),
        inset 0 1px 0 rgba(255,255,255,0.14);
}

.mtgb_mami_polaroid:nth-child(2n){
    transform:rotate(-2deg);
}

.mtgb_mami_polaroid:nth-child(3n){
    transform:rotate(2deg);
}

.mtgb_mami_polaroid img{
    width:100%;
    aspect-ratio:4 / 5;

    display:block;

    object-fit:cover;

    border-radius:20px;
}
.mtgb_hp_field{
    position:absolute;
    left:-9999px;
    opacity:0;
    pointer-events:none;
}

.mtgb_contact_status{
    display:none;

    padding:12px 14px;
    border-radius:16px;

    font-family:'Nunito', Arial, sans-serif;
    font-size:14px;
    font-weight:750;

    background:rgba(255,255,255,0.09);
    color:rgba(255,255,255,0.82);
    border:1px solid rgba(255,255,255,0.12);
}

.mtgb_contact_status.is-visible{
    display:block;
}

.mtgb_contact_status.is-error{
    color:#ffd1d1;
    border-color:rgba(255,120,120,0.25);
}

.mtgb_contact_status.is-success{
    color:#d6ffd8;
    border-color:rgba(140,255,160,0.25);
}
.mtgb_contact_submit:disabled{
    opacity:.65;
    cursor:not-allowed;
}
.mtgb_contact_success_inner{
    text-align:center;
}

.mtgb_contact_success_inner h2{
    margin:0 0 12px 0;
    color:#fff;
    font-family:'Nunito', Arial, sans-serif;
    font-size:30px;
    font-weight:900;
}

.mtgb_contact_success_inner p{
    margin:0 0 24px 0;
    color:rgba(255,255,255,0.72);
    font-family:'Nunito', Arial, sans-serif;
    font-size:16px;
    line-height:1.6;
}
.mtgb_tati_page{
    width:min(1120px, calc(100% - 40px));
    margin:145px auto 120px auto;
}

.mtgb_tati_hero{
    position:relative;
    overflow:hidden;

    padding:58px;

    border-radius:44px;

    background:
        radial-gradient(circle at 18% 18%, rgba(143,183,255,0.22), transparent 34%),
        radial-gradient(circle at 88% 72%, rgba(244,166,215,0.15), transparent 34%),
        rgba(255,255,255,0.09);

    border:1px solid rgba(255,255,255,0.16);

    backdrop-filter:blur(28px) saturate(155%);
    -webkit-backdrop-filter:blur(28px) saturate(155%);

    box-shadow:
        0 34px 100px rgba(0,0,0,0.42),
        inset 0 1px 0 rgba(255,255,255,0.15);
}

.mtgb_tati_hero::before{
    content:'';

    position:absolute;
    width:360px;
    height:360px;
    right:-120px;
    top:-120px;

    border-radius:50%;

    background:rgba(143,183,255,0.16);

    filter:blur(50px);
    pointer-events:none;
}

.mtgb_tati_badge{
    display:inline-flex;

    padding:10px 16px;
    margin-bottom:20px;

    border-radius:999px;

    font-family:'Nunito', Arial, sans-serif;
    font-size:14px;
    font-weight:850;

    color:rgba(255,255,255,0.88);

    background:rgba(255,255,255,0.09);
    border:1px solid rgba(255,255,255,0.14);
}

.mtgb_tati_hero h1{
    max-width:820px;

    margin:0 0 24px 0;

    font-family:'Nunito', Arial, sans-serif;
    font-size:64px;
    line-height:1;
    font-weight:900;

    color:#fff;
}

.mtgb_tati_intro{
    max-width:760px;

    margin:0;

    font-family:'Nunito', Arial, sans-serif;
    font-size:21px;
    line-height:1.85;
    font-weight:700;

    color:rgba(255,255,255,0.74);
}

.mtgb_tati_cards{
    margin-top:34px;

    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:18px;
}

.mtgb_tati_card{
    min-height:210px;

    padding:24px;

    border-radius:30px;

    background:rgba(255,255,255,0.08);
    border:1px solid rgba(255,255,255,0.13);

    box-shadow:
        0 18px 54px rgba(0,0,0,0.26),
        inset 0 1px 0 rgba(255,255,255,0.12);

    transition:
        transform .3s ease,
        background .3s ease,
        box-shadow .3s ease;
}

.mtgb_tati_card:hover{
    transform:translateY(-5px);
    background:rgba(255,255,255,0.115);
    box-shadow:
        0 26px 70px rgba(0,0,0,0.34),
        inset 0 1px 0 rgba(255,255,255,0.14);
}

.mtgb_tati_card_icon{
    width:52px;
    height:52px;

    margin-bottom:18px;

    border-radius:18px;

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

    background:
        linear-gradient(145deg, rgba(143,183,255,0.95), rgba(244,166,215,0.82));

    box-shadow:
        0 14px 34px rgba(143,183,255,0.26),
        inset 0 1px 0 rgba(255,255,255,0.28);
}

.mtgb_tati_card_icon svg{
    width:25px;
    height:25px;

    fill:none;
    stroke:#fff;
    stroke-width:2.3;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.mtgb_tati_card h2{
    margin:0 0 12px 0;

    font-family:'Nunito', Arial, sans-serif;
    font-size:23px;
    line-height:1.15;
    font-weight:900;

    color:#fff;
}

.mtgb_tati_card p{
    margin:0;

    font-family:'Nunito', Arial, sans-serif;
    font-size:16px;
    line-height:1.7;
    font-weight:650;

    color:rgba(255,255,255,0.68);
}

.mtgb_tati_note{
    margin-top:34px;

    padding:34px;

    border-radius:34px;

    background:
        linear-gradient(135deg, rgba(143,183,255,0.13), rgba(244,166,215,0.10)),
        rgba(255,255,255,0.075);

    border:1px solid rgba(255,255,255,0.14);

    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
}

.mtgb_tati_note p{
    margin:0;

    max-width:850px;

    font-family:'Nunito', Arial, sans-serif;
    font-size:19px;
    line-height:1.85;
    font-weight:700;

    color:rgba(255,255,255,0.76);
}

.mtgb_tati_signature{
    margin-top:28px;

    display:inline-flex;
    align-items:center;
    gap:12px;

    padding:13px 16px;

    border-radius:999px;

    background:rgba(255,255,255,0.08);
    border:1px solid rgba(255,255,255,0.12);

    font-family:'Nunito', Arial, sans-serif;
    font-size:15px;
    font-weight:850;

    color:rgba(255,255,255,0.84);
}

.mtgb_tati_signature span{
    width:34px;
    height:34px;

    border-radius:50%;

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

    background:linear-gradient(145deg, #8fb7ff, #f4a6d7);
}
.mtgb_birthday_countdown{
    position:absolute;
    left:50%;
    top:calc(50% + 175px);

    transform:translateX(-50%);

    z-index:30;

    display:flex;
    flex-direction:column;
    align-items:center;
    gap:14px;

    width:min(92vw, 620px);

    pointer-events:none;
}

.mtgb_birthday_text{
    padding:10px 18px;

    border-radius:999px;

    font-family:'Nunito', Arial, sans-serif;
    font-size:16px;
    font-weight:850;

    color:rgba(255,255,255,0.92);

    background:rgba(255,255,255,0.11);
    border:1px solid rgba(255,255,255,0.18);

    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);

    box-shadow:
        0 14px 38px rgba(0,0,0,0.24),
        inset 0 1px 0 rgba(255,255,255,0.16);
}

.mtgb_birthday_units{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:12px;

    width:100%;
}

.mtgb_birthday_balloon{
    position:relative;

    min-height:104px;

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

    border-radius:50% 50% 46% 46%;

    background:
        radial-gradient(circle at 35% 25%, rgba(255,255,255,0.75), transparent 22%),
        linear-gradient(145deg, rgba(143,183,255,0.72), rgba(244,166,215,0.62));

    border:1px solid rgba(255,255,255,0.28);

    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);

    box-shadow:
        0 18px 46px rgba(0,0,0,0.28),
        inset 0 1px 0 rgba(255,255,255,0.26);

    animation:mtgbBalloonFloat 3.8s ease-in-out infinite;
}

.mtgb_birthday_balloon:nth-child(2){
    animation-delay:.35s;
}

.mtgb_birthday_balloon:nth-child(3){
    animation-delay:.7s;
}

.mtgb_birthday_balloon:nth-child(4){
    animation-delay:1.05s;
}

.mtgb_birthday_balloon::after{
    content:'';

    position:absolute;
    left:50%;
    bottom:-8px;

    width:13px;
    height:13px;

    transform:translateX(-50%) rotate(45deg);

    background:rgba(244,166,215,0.64);

    border-right:1px solid rgba(255,255,255,0.18);
    border-bottom:1px solid rgba(255,255,255,0.18);
}

.mtgb_birthday_balloon strong{
    font-family:'Nunito', Arial, sans-serif;
    font-size:34px;
    line-height:1;
    font-weight:900;

    color:#fff;

    text-shadow:0 8px 22px rgba(0,0,0,0.18);
}

.mtgb_birthday_balloon span{
    margin-top:6px;

    font-family:'Nunito', Arial, sans-serif;
    font-size:13px;
    font-weight:850;

    color:rgba(255,255,255,0.82);
}

@keyframes mtgbBalloonFloat{
    0%, 100%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-7px);
    }
}
.mtgb_intro_confetti{
    position:absolute;
    inset:0;

    pointer-events:none;
    overflow:hidden;

    z-index:40;
}

.mtgb_intro_confetti span{
    position:absolute;
    top:-20px;

    width:8px;
    height:14px;

    border-radius:4px;

    background:rgba(255,255,255,0.75);

    animation:mtgbConfettiFall 1.9s ease-out forwards;
}

.mtgb_intro_confetti span:nth-child(1){ left:12%; background:#8fb7ff; animation-delay:.1s; }
.mtgb_intro_confetti span:nth-child(2){ left:22%; background:#f4a6d7; animation-delay:.2s; }
.mtgb_intro_confetti span:nth-child(3){ left:35%; background:#fff0a8; animation-delay:.05s; }
.mtgb_intro_confetti span:nth-child(4){ left:47%; background:#a8ffe2; animation-delay:.25s; }
.mtgb_intro_confetti span:nth-child(5){ left:58%; background:#f4a6d7; animation-delay:.12s; }
.mtgb_intro_confetti span:nth-child(6){ left:67%; background:#8fb7ff; animation-delay:.18s; }
.mtgb_intro_confetti span:nth-child(7){ left:76%; background:#fff0a8; animation-delay:.04s; }
.mtgb_intro_confetti span:nth-child(8){ left:84%; background:#a8ffe2; animation-delay:.22s; }
.mtgb_intro_confetti span:nth-child(9){ left:91%; background:#f4a6d7; animation-delay:.08s; }
.mtgb_intro_confetti span:nth-child(10){ left:5%; background:#8fb7ff; animation-delay:.16s; }

@keyframes mtgbConfettiFall{
    0%{
        opacity:0;
        transform:translateY(-20px) rotate(0deg);
    }

    15%{
        opacity:1;
    }

    100%{
        opacity:0;
        transform:translateY(58vh) rotate(280deg);
    }
}
.mtgb_upbar_countdown{
    position:absolute;
    left:50%;
    top:50%;

    transform:translate(-50%, -50%) scale(.92);

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

    padding:9px 16px;

    border-radius:999px;

    text-decoration:none;

    font-family:'Nunito', Arial, sans-serif;
    font-size:15px;
    line-height:1;
    font-weight:900;

    color:rgba(255,255,255,0.92);

    background:rgba(255,255,255,0.09);
    border:1px solid rgba(255,255,255,0.14);

    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);

    box-shadow:
        0 14px 36px rgba(0,0,0,0.24),
        inset 0 1px 0 rgba(255,255,255,0.14);

    opacity:0;
    pointer-events:none;

    transition:
        opacity .35s ease,
        transform .45s cubic-bezier(.17,.89,.32,1.08);
}

.mtgb_upbar_countdown.is-visible{
    opacity:1;
    pointer-events:auto;
    transform:translate(-50%, -50%) scale(1);
}

.mtgb_upbar_countdown span{
    min-width:22px;
    text-align:center;
}

.mtgb_upbar_countdown i{
    font-style:normal;
    color:rgba(255,255,255,0.45);
}

body:not([data-page="home"]) .mtgb_upbar_countdown{
    opacity:1;
    pointer-events:auto;
    transform:translate(-50%, -50%) scale(1);
}
.mtgb_404_wrap{
    width:min(92%, 760px);

    position:relative;
    z-index:2;
    margin-top:50px;
}

.mtgb_404_box{
    position:relative;

    padding:70px 60px;

    border-radius:42px;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,0.12),
            rgba(255,255,255,0.05)
        );

    border:1px solid rgba(255,255,255,0.12);

    backdrop-filter:blur(24px);
    -webkit-backdrop-filter:blur(24px);

    box-shadow:
        0 20px 80px rgba(0,0,0,0.45),
        inset 0 1px 0 rgba(255,255,255,0.12);

    overflow:hidden;
}

.mtgb_404_box::before{
    content:'';

    position:absolute;
    inset:-20%;

    background:
        radial-gradient(
            circle,
            rgba(120,160,255,0.12),
            transparent 55%
        );

    filter:blur(60px);

    pointer-events:none;
}

.mtgb_404_badge{
    width:max-content;

    padding:10px 18px;

    border-radius:999px;

    background:rgba(255,255,255,0.08);

    border:1px solid rgba(255,255,255,0.12);

    color:rgba(255,255,255,0.82);

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

    letter-spacing:0.4px;

    margin-bottom:28px;
}

.mtgb_404_title{
    font-size:clamp(54px, 9vw, 120px);
    line-height:0.9;
    font-weight:900;

    margin-bottom:24px;

    letter-spacing:-4px;
}

.mtgb_404_text{
    max-width:560px;

    color:rgba(255,255,255,0.72);

    font-size:20px;
    line-height:1.8;
    font-weight:700;
}

.mtgb_404_actions{
    display:flex;
    gap:18px;
    flex-wrap:wrap;

    margin-top:42px;
}

.mtgb_404_btn{
    height:66px;

    padding:0 28px;

    border-radius:999px;

    display:inline-flex;
    align-items:center;
    gap:16px;

    text-decoration:none;

    position:relative;

    overflow:hidden;

    transition:
        transform .25s ease,
        background .25s ease,
        border-color .25s ease;
}

.mtgb_404_btn:hover{
    transform:translateY(-2px);
}

.mtgb_404_btn_primary{
    background:
        linear-gradient(
            135deg,
            rgba(146,170,255,0.28),
            rgba(255,255,255,0.08)
        );

    border:1px solid rgba(255,255,255,0.16);

    color:#fff;

    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
}

.mtgb_404_btn_secondary{
    background:rgba(255,255,255,0.05);

    border:1px solid rgba(255,255,255,0.10);

    color:rgba(255,255,255,0.82);
}

.mtgb_404_btn span{
    font-size:17px;
    font-weight:800;
}

.mtgb_404_circle{
    width:38px;
    height:38px;

    border-radius:50%;

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

    background:
        linear-gradient(
            135deg,
            #89adff,
            #6f95ff
        );

    flex-shrink:0;

    box-shadow:
        0 6px 18px rgba(111,149,255,0.35);
}

.mtgb_404_circle svg{
    width:18px;
    height:18px;

    fill:#fff;
}

.mtgb_404_note{
    margin-top:34px;

    color:rgba(255,255,255,0.45);

    font-size:14px;
    line-height:1.7;
    font-weight:700;
}