@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;650;700;800&display=swap');

html:has(body.zipit-landing-page),
body.zipit-landing-page {
    width:100%;
    min-width:320px;
    min-height:100%;
    margin:0!important;
    padding:0!important;
    overflow:hidden;
    background:#fff;
}
body.zipit-landing-page {
    min-height:100vh;
    min-height:100dvh;
}
body.zipit-landing-page #wpadminbar { display:none!important; }

.zipit-landing,
.zipit-landing * { box-sizing:border-box; }

.zipit-landing {
    position:relative;
    display:grid;
    place-items:center;
    width:100%;
    height:100vh;
    height:100dvh;
    min-height:100vh;
    min-height:100dvh;
    padding:max(24px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom));
    background:#fff;
    color:#111;
    font-family:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}

.zipit-landing__center {
    display:flex;
    flex-direction:column;
    align-items:center;
    width:min(100%,520px);
    text-align:center;
    transform:translateY(-2vh);
}
.zipit-landing__logo {
    display:block;
    width:min( min(72vw,390px), 100% );
    height:auto;
    object-fit:contain;
}
.zipit-landing__status {
    margin:30px 0 24px;
    color:#777;
    font-size:15px;
    font-weight:500;
    letter-spacing:.005em;
}

.zipit-button {
    appearance:none;
    border:0;
    border-radius:0;
    background:#080808;
    color:#fff;
    min-height:49px;
    padding:0 29px;
    font-family:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
    font-size:13px;
    font-weight:700;
    line-height:1;
    letter-spacing:.075em;
    text-transform:uppercase;
    cursor:pointer;
    transition:background .18s ease,transform .18s ease;
}
.zipit-button:hover { background:#303030; }
.zipit-button:active { transform:scale(.98); }
.zipit-button:focus-visible,
.zipit-modal__close:focus-visible {
    outline:2px solid #555;
    outline-offset:3px;
}

.zipit-modal[aria-hidden="true"] { display:none; }
.zipit-modal {
    position:fixed;
    inset:0;
    z-index:99999;
    display:grid;
    place-items:center;
    padding:20px;
    font-family:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
    -webkit-font-smoothing:antialiased;
}
.zipit-modal__backdrop {
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.58);
}
.zipit-modal__dialog {
    position:relative;
    z-index:1;
    width:min(100%,440px);
    max-height:min(90dvh,760px);
    overflow:auto;
    padding:34px;
    background:#fff;
    box-shadow:0 18px 70px rgba(0,0,0,.2);
}
.zipit-modal__close {
    position:absolute;
    top:12px;
    right:16px;
    border:0;
    background:transparent;
    color:#777;
    font-family:'Manrope',sans-serif;
    font-size:29px;
    font-weight:400;
    line-height:1;
    cursor:pointer;
}
.zipit-modal h1 {
    margin:0 0 8px;
    color:#111;
    font-family:'Manrope',sans-serif;
    font-size:25px;
    font-weight:800;
    line-height:1.2;
    letter-spacing:-.045em;
}
.zipit-modal__intro {
    margin:0 0 25px;
    color:#777;
    font-size:14px;
    font-weight:400;
    line-height:1.55;
}
.zipit-form { display:grid; gap:16px; }
.zipit-form label {
    display:grid;
    gap:8px;
    color:#222;
    font-family:'Manrope',sans-serif;
    font-size:14px;
    font-weight:650;
    line-height:1.35;
}
.zipit-form label span {
    color:#888;
    font-weight:400;
}
.zipit-form input,
.zipit-form textarea {
    width:100%;
    min-height:47px;
    border:1px solid #dedede;
    border-radius:0;
    padding:11px 13px;
    background:#fff;
    color:#111;
    font-family:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
    font-size:16px;
    font-weight:400;
    line-height:1.5;
    outline:none;
    transition:border-color .15s ease,box-shadow .15s ease;
}
.zipit-form textarea {
    min-height:108px;
    resize:vertical;
}
.zipit-form input:focus,
.zipit-form textarea:focus {
    border-color:#111;
    box-shadow:0 0 0 1px #111;
}
.zipit-captcha {
    display:grid;
    grid-template-columns:1fr 90px;
    align-items:end;
    gap:12px;
}
.zipit-captcha label {
    display:block;
    padding-bottom:13px;
    font-size:13px;
    font-weight:650;
}
.zipit-captcha input { min-height:44px; }
.zipit-form__error {
    color:#b42318;
    font-size:13px;
    font-weight:600;
    line-height:1.5;
}
.zipit-button--submit {
    width:100%;
    min-height:49px;
    margin-top:3px;
    font-size:13px;
}
.zipit-button:disabled { opacity:.65; cursor:wait; }

.zipit-success[hidden] { display:none; }
.zipit-success {
    position:fixed;
    inset:0;
    z-index:100000;
    display:grid;
    place-items:center;
    padding:24px;
    background:#159447;
    color:#fff;
    text-align:center;
    font-family:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
    font-size:20px;
    font-weight:700;
    line-height:1.4;
    letter-spacing:-.02em;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}

@media(max-width:520px) {
    .zipit-modal__dialog { padding:30px 22px 24px; }
    .zipit-landing__status { margin-top:24px; }
    .zipit-modal h1 { font-size:24px; }
    .zipit-form { gap:15px; }
}