.pdref-wrap{--pdref-orange:#ff5a00;--pdref-orange-2:#ff9a00;--pdref-blue:#1677ff;--pdref-purple:#8b3dff;max-width:1180px;margin:24px auto;color:#f7f8ff;font-family:inherit}.pdref-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.pdref-main-button{position:relative;min-height:104px;padding:20px 24px;border:1px solid rgba(255,255,255,.22);border-radius:20px;color:#fff;font-size:clamp(18px,2.2vw,27px);font-weight:800;line-height:1.2;cursor:pointer;text-shadow:0 2px 3px rgba(0,0,0,.45);box-shadow:0 14px 28px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.4),inset 0 -5px 12px rgba(0,0,0,.24);transform:translateY(0);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;overflow:hidden}.pdref-main-button:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.35),transparent 36%,transparent 68%,rgba(255,255,255,.14));pointer-events:none}.pdref-main-button:hover,.pdref-main-button[aria-expanded="true"]{transform:translateY(-3px);filter:saturate(1.12);box-shadow:0 18px 34px rgba(0,0,0,.46),0 0 24px rgba(255,105,0,.22),inset 0 1px 0 rgba(255,255,255,.5)}.pdref-main-button:active{transform:translateY(1px)}.pdref-create-button{background:linear-gradient(145deg,#ff3d00 0%,var(--pdref-orange) 48%,var(--pdref-orange-2) 100%)}.pdref-webmail-button{background:linear-gradient(145deg,#075dd7 0%,var(--pdref-blue) 46%,var(--pdref-purple) 100%)}.pdref-button-icon{display:block;font-size:34px;margin-bottom:8px}.pdref-panel{margin-top:18px;padding:22px;border:1px solid rgba(255,112,24,.42);border-radius:18px;background:linear-gradient(145deg,rgba(13,18,31,.97),rgba(26,20,37,.97));box-shadow:0 18px 42px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.08);animation:pdref-open .22s ease}.pdref-panel[hidden]{display:none!important}@keyframes pdref-open{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.pdref-form h3,.pdref-message h3{margin:0 0 8px;color:#fff;font-size:24px}.pdref-intro,.pdref-message p,.pdref-account-card p{color:#cfd5e5}.pdref-field{display:block;margin-top:16px}.pdref-field>span:first-child{display:block;margin-bottom:7px;font-weight:700;color:#fff}.pdref-field input{width:100%;min-height:50px;padding:11px 13px;border:1px solid rgba(255,255,255,.2);border-radius:11px;background:#0b1120;color:#fff;font-size:17px;box-sizing:border-box;outline:none}.pdref-field input:focus{border-color:#ff7a00;box-shadow:0 0 0 3px rgba(255,122,0,.18)}.pdref-email-input-wrap{display:flex;align-items:stretch}.pdref-email-input-wrap input{border-radius:11px 0 0 11px}.pdref-domain{display:flex;align-items:center;padding:0 14px;border:1px solid rgba(255,255,255,.2);border-left:0;border-radius:0 11px 11px 0;background:linear-gradient(145deg,#242b3c,#141a28);color:#ffb074;font-weight:800;white-space:nowrap}.pdref-field small{display:block;margin-top:7px;color:#aeb7cb}.pdref-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.pdref-password-help{color:#aeb7cb;font-size:14px}.pdref-submit,.pdref-link-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 20px;border:0;border-radius:12px;background:linear-gradient(145deg,#ff3d00,#ff8b00);color:#fff!important;font-weight:800;text-decoration:none!important;cursor:pointer;box-shadow:0 8px 18px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.35)}.pdref-submit{width:100%;margin-top:12px;font-size:17px}.pdref-submit:disabled{opacity:.65;cursor:wait}.pdref-link-row{display:flex;gap:12px;flex-wrap:wrap}.pdref-link-button-alt{background:linear-gradient(145deg,#0c67df,#8a3dff)}.pdref-message{padding:18px;border-radius:14px}.pdref-message-warning{border:1px solid rgba(255,164,37,.45);background:rgba(255,126,0,.09)}.pdref-message-info{border:1px solid rgba(56,147,255,.45);background:rgba(31,112,255,.09)}.pdref-result{margin-top:14px;padding:13px 15px;border-radius:11px;font-weight:700}.pdref-result-success{border:1px solid rgba(58,215,118,.55);background:rgba(32,177,91,.15);color:#9cffbd}.pdref-result-error{border:1px solid rgba(255,76,76,.55);background:rgba(219,39,39,.14);color:#ffb2b2}.pdref-available{color:#72f49e!important}.pdref-unavailable{color:#ff9c9c!important}.pdref-checking{color:#ffd28f!important}.pdref-account-card{text-align:center;padding:24px}.pdref-account-label{display:block;color:#aeb7cb}.pdref-account-address{display:block;margin:8px 0 13px;color:#ff9a4a;font-size:clamp(22px,3vw,34px);word-break:break-word}.pdref-account-meta{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.pdref-account-meta span{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.08);color:#dfe5f4}.pdref-webmail-panel{padding:14px}.pdref-webmail-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:8px 8px 14px}.pdref-webmail-head strong,.pdref-webmail-head span{display:block}.pdref-webmail-head span{margin-top:3px;color:#aeb7cb;font-size:14px}.pdref-webmail-head a{color:#ff9f57!important;font-weight:700}.pdref-webmail-frame{display:block;width:100%;height:min(850px,78vh);min-height:620px;border:0;border-radius:13px;background:#fff}.pdref-wrap a:focus-visible,.pdref-wrap button:focus-visible,.pdref-wrap input:focus-visible{outline:3px solid #ffe0bd;outline-offset:3px}@media(max-width:760px){.pdref-buttons,.pdref-form-grid{grid-template-columns:1fr}.pdref-main-button{min-height:88px;font-size:19px}.pdref-panel{padding:16px}.pdref-email-input-wrap{display:block}.pdref-email-input-wrap input{border-radius:11px 11px 0 0}.pdref-domain{min-height:44px;justify-content:center;border-left:1px solid rgba(255,255,255,.2);border-top:0;border-radius:0 0 11px 11px}.pdref-webmail-head{align-items:flex-start;flex-direction:column}.pdref-webmail-frame{min-height:680px;height:82vh}}

/* PDR COMPACT EMAIL ACTION BUTTONS START */



/*

 * Kisebb, környezetbe illeszkedő

 * PDR e-mail főgombok.

 */

.pdref-main-button.pdref-create-button,
.pdref-main-button.pdref-webmail-button {

    width: 100% !important;

    max-width: 360px !important;

    min-height: 64px !important;

    height: auto !important;



    margin-left: auto !important;

    margin-right: auto !important;



    padding: 10px 18px !important;



    font-size: 18px !important;

    line-height: 1.15 !important;

    font-weight: 800 !important;



    border-radius: 14px !important;

    border-width: 1px !important;



    gap: 10px !important;



    text-shadow:

        0 1px 2px rgba(0, 0, 0, .65)

        !important;



    box-shadow:

        0 7px 16px rgba(0, 0, 0, .30),

        inset 0 1px 0 rgba(255, 255, 255, .22)

        !important;



    transform: none !important;

}



.pdref-main-button.pdref-create-button:hover,
.pdref-main-button.pdref-webmail-button:hover {

    transform: translateY(-2px) !important;



    box-shadow:

        0 9px 20px rgba(0, 0, 0, .36),

        inset 0 1px 0 rgba(255, 255, 255, .25)

        !important;

}



.pdref-main-button.pdref-create-button:focus-visible,
.pdref-main-button.pdref-webmail-button:focus-visible {

    outline: 2px solid rgba(255, 126, 0, .90)

        !important;

    outline-offset: 3px !important;

}



.pdref-main-button.pdref-create-button .icon,
.pdref-main-button.pdref-create-button [aria-hidden="true"],
.pdref-main-button.pdref-create-button > span:first-child,
.pdref-main-button.pdref-webmail-button .icon,
.pdref-main-button.pdref-webmail-button [aria-hidden="true"],
.pdref-main-button.pdref-webmail-button > span:first-child {

    font-size: 22px !important;

    line-height: 1 !important;

}



@media (max-width: 700px) {

    .pdref-main-button.pdref-create-button,
.pdref-main-button.pdref-webmail-button {

        width: 100% !important;

        max-width: none !important;

        min-height: 56px !important;



        padding: 10px 14px !important;



        font-size: 16px !important;

        line-height: 1.18 !important;



        border-radius: 12px !important;

    }

}



/* PDR COMPACT EMAIL ACTION BUTTONS END */

/* PDR CAPTCHA AND WIDE WEBMAIL START */



.pdref-honeypot {

    position: absolute !important;

    left: -10000px !important;

    width: 1px !important;

    height: 1px !important;

    overflow: hidden !important;

}



.pdref-captcha {

    margin-top: 17px;

    padding: 11px 13px;

    border: 1px solid rgba(255, 122, 0, .45);

    border-radius: 12px;

    background: rgba(7, 11, 20, .88);

}



.pdref-captcha-title,

.pdref-captcha-help,

.pdref-captcha-status {

    display: block;

}



.pdref-captcha-title {

    color: #fff;

    font-size: 14px;

}



.pdref-captcha-help {

    margin: 2px 0 8px;

    color: #bcc6d8;

    font-size: 12px;

}



.pdref-captcha-track {

    position: relative;

    height: 40px;

    overflow: hidden;

    border: 1px solid rgba(255,255,255,.22);

    border-radius: 999px;

    background: linear-gradient(90deg,#05070c,#171b24);

    box-shadow: inset 0 2px 8px rgba(0,0,0,.75);

    touch-action: none;

    user-select: none;

}



.pdref-captcha-progress {

    position: absolute;

    inset: 0 auto 0 0;

    width: 36px;

    background: linear-gradient(

        90deg,

        rgba(255,78,0,.55),

        rgba(255,153,0,.22)

    );

}



.pdref-captcha-knob {

    position: absolute;

    z-index: 4;

    top: 2px;

    left: 2px;

    width: 34px;

    height: 34px;

    padding: 3px;

    border: 1px solid #ff8500;

    border-radius: 50%;

    background: #030303;

    color: #ffb13b;

    font-size: 9px;

    font-weight: 900;

    cursor: grab;

    box-shadow: 0 0 10px rgba(255,111,0,.52);

    touch-action: none;

}



.pdref-captcha-knob img,

.pdref-captcha-target img {

    display: block;

    width: 100%;

    height: 100%;

    object-fit: contain;

    pointer-events: none;

}



.pdref-captcha-target {

    position: absolute;

    z-index: 3;

    top: 3px;

    right: 3px;

    width: 32px;

    height: 32px;

    padding: 4px;

    box-sizing: border-box;

    border-radius: 50%;

    background: #fff;

    color: #111;

    font-size: 8px;

    font-weight: 900;

}



.pdref-captcha-target img {

    filter: grayscale(1) contrast(2) brightness(.22);

}



.pdref-captcha-status {

    margin-top: 6px;

    color: #b8c2d5;

    font-size: 12px;

}



.pdref-captcha.is-solved {

    border-color: rgba(61,225,124,.75);

}



.pdref-captcha.is-solved .pdref-captcha-progress {

    background: linear-gradient(

        90deg,

        rgba(22,174,79,.75),

        rgba(70,232,128,.30)

    );

}



.pdref-captcha.is-solved .pdref-captcha-status {

    color: #82f2ad;

    font-weight: 700;

}



.pdref-captcha.has-error .pdref-captcha-status {

    color: #ff9b9b;

}



.pdref-submit:disabled {

    opacity: .48;

    cursor: not-allowed;

    filter: grayscale(.45);

}



@media (min-width: 1100px) {

    .pdref-webmail-panel {

        width: calc(100% + 120px);

        margin-left: -60px;

        box-sizing: border-box;

    }

}



@media (max-width: 760px) {

    .pdref-captcha {

        padding: 10px;

    }



    .pdref-webmail-panel {

        width: 100%;

        margin-left: 0;

    }

}



/* PDR CAPTCHA AND WIDE WEBMAIL END */

/* PDR DIRECT WEBMAIL LAYOUT START */



.pdref-buttons {

    display: grid !important;

    grid-template-columns:

        repeat(2, minmax(0, 360px)) !important;

    justify-content: center !important;

    align-items: stretch !important;

    gap: 10px !important;

}



.pdref-main-button {

    display: inline-flex !important;

    flex-direction: row !important;

    align-items: center !important;

    justify-content: center !important;

    gap: 9px !important;



    width: 100% !important;

    max-width: 360px !important;

    min-height: 58px !important;



    padding: 9px 17px !important;



    line-height: 1.15 !important;

    text-align: center !important;

}



.pdref-button-icon,

.pdref-main-button > span:first-child {

    display: inline-flex !important;

    flex: 0 0 auto !important;

    align-items: center !important;

    justify-content: center !important;



    margin: 0 !important;



    font-size: 21px !important;

    line-height: 1 !important;

}



.pdref-webmail-panel {

    position: relative !important;

    left: 50% !important;



    width: min(

        1480px,

        calc(100vw - 36px)

    ) !important;



    max-width: none !important;

    margin-left: 0 !important;



    transform: translateX(-50%) !important;



    box-sizing: border-box !important;

    overflow: visible !important;

}



.pdref-webmail-frame {

    display: block !important;



    width: 100% !important;



    /*

     * A korábbi 680 px-es minimumhoz képest

     * több mint 10%-kal alacsonyabb.

     */

    min-height: 610px !important;

    height: 64vh !important;

    max-height: 760px !important;



    border: 0 !important;

    border-radius: 13px !important;



    background: #050505 !important;



    pointer-events: auto !important;

    touch-action: auto !important;

    overscroll-behavior: auto !important;

}



@media (max-width: 760px) {

    .pdref-buttons {

        grid-template-columns: 1fr !important;

        gap: 9px !important;

    }



    .pdref-main-button {

        max-width: none !important;

        min-height: 54px !important;

    }



    .pdref-webmail-panel {

        position: static !important;

        left: auto !important;



        width: 100% !important;

        margin-left: 0 !important;



        transform: none !important;

    }



    .pdref-webmail-frame {

        min-height: 620px !important;

        height: 76vh !important;

        max-height: 780px !important;

    }

}



/* PDR DIRECT WEBMAIL LAYOUT END */

/* PDR ORANGEBLACK BUTTON STYLE START */



html body .pdref-buttons {

    display: grid !important;

    grid-template-columns:

        repeat(2, minmax(0, 365px)) !important;

    justify-content: center !important;

    align-items: center !important;

    gap: 10px !important;

    width: 100% !important;

    margin: 14px auto 10px !important;

}



html body .pdref-buttons .pdref-main-button {

    position: relative !important;

    overflow: hidden !important;



    display: inline-flex !important;

    flex-direction: row !important;

    align-items: center !important;

    justify-content: center !important;

    gap: 9px !important;



    width: 100% !important;

    max-width: 365px !important;

    min-height: 48px !important;

    height: auto !important;



    padding: 8px 16px !important;



    border: 1px solid #ff7900 !important;

    border-radius: 12px !important;



    background:

        linear-gradient(

            180deg,

            #6f2b0d 0%,

            #2a1209 48%,

            #080706 100%

        ) !important;



    color: #ffffff !important;



    font-size: 15px !important;

    font-weight: 900 !important;

    line-height: 1.15 !important;

    text-align: center !important;

    text-decoration: none !important;



    text-shadow:

        0 1px 2px #000,

        0 0 5px rgba(255, 126, 20, .45) !important;



    box-shadow:

        inset 0 1px 0 rgba(255, 218, 178, .32),

        inset 0 -6px 11px rgba(0, 0, 0, .58),

        0 5px 10px rgba(0, 0, 0, .48),

        0 0 14px rgba(255, 102, 0, .44) !important;



    transform: none !important;



    transition:

        transform .16s ease,

        filter .16s ease,

        box-shadow .16s ease !important;

}



html body .pdref-buttons .pdref-main-button::before {

    content: "" !important;

    position: absolute !important;

    inset: 2px 7px auto 7px !important;

    height: 38% !important;

    border-radius: 9px !important;

    background:

        linear-gradient(

            180deg,

            rgba(255, 223, 190, .24),

            rgba(255, 139, 35, .02)

        ) !important;

    pointer-events: none !important;

}



html body .pdref-buttons .pdref-main-button:first-child,

html body .pdref-buttons .pdref-create-button {

    background:

        linear-gradient(

            180deg,

            #8b350d 0%,

            #351408 48%,

            #090706 100%

        ) !important;



    border-color: #ff7200 !important;

}



html body .pdref-buttons .pdref-main-button:nth-child(2),

html body .pdref-buttons .pdref-webmail-button {

    background:

        linear-gradient(

            180deg,

            #57230d 0%,

            #211008 48%,

            #050505 100%

        ) !important;



    border-color: #ff8a18 !important;



    box-shadow:

        inset 0 1px 0 rgba(255, 215, 175, .28),

        inset 0 -6px 11px rgba(0, 0, 0, .64),

        0 5px 10px rgba(0, 0, 0, .50),

        0 0 12px rgba(255, 118, 0, .38) !important;

}



html body .pdref-buttons .pdref-main-button:hover {

    filter: brightness(1.16) !important;

    transform: translateY(-2px) !important;



    box-shadow:

        inset 0 1px 0 rgba(255, 235, 210, .38),

        inset 0 -6px 11px rgba(0, 0, 0, .56),

        0 7px 14px rgba(0, 0, 0, .54),

        0 0 19px rgba(255, 112, 0, .58) !important;

}



html body .pdref-buttons .pdref-main-button:active {

    transform: translateY(1px) !important;

}



html body .pdref-buttons .pdref-button-icon,

html body .pdref-buttons .pdref-main-button > span:first-child {

    display: inline-flex !important;

    flex: 0 0 auto !important;

    align-items: center !important;

    justify-content: center !important;



    margin: 0 !important;



    font-size: 18px !important;

    line-height: 1 !important;

}



@media (max-width: 760px) {

    html body .pdref-buttons {

        grid-template-columns: 1fr !important;

        gap: 8px !important;

    }



    html body .pdref-buttons .pdref-main-button {

        max-width: none !important;

        min-height: 46px !important;

        padding: 8px 12px !important;

        font-size: 14px !important;

    }

}



/* PDR ORANGEBLACK BUTTON STYLE END */