#pgAuthBackdrop, #pgAuthBackdrop *, #pgAuthBackdrop *::before, #pgAuthBackdrop *::after { box-sizing: border-box; }
#pgAuthBackdrop .pg-auth-primary::before { display: none; }
#pgAuthBackdrop .pg-auth-body { height: auto !important; max-height: none !important; overflow: visible !important; grid-auto-rows: max-content; }
#pgAuthBackdrop .pg-auth-primary { overflow: visible !important; min-height: min-content; }
#pgAuthBackdrop .pg-switch-row { display: flex !important; }
#pgAuthBackdrop .pg-auth-head { padding: 0 0 16px !important; }
#pgAuthBackdrop .pg-auth-title { font-size: 28px !important; }
#pgAuthBackdrop { background: rgba(5,5,12,.74); backdrop-filter: blur(12px); padding: 20px; }
#pgAuthBackdrop .pg-auth-redesign {
width: min(920px, 100%); max-height: calc(100dvh - 40px); overflow: auto;
border: 1px solid #a742a3; border-radius: 22px; background: #0c0d17;
box-shadow: -5px 0 22px #ed087c30, 5px 6px 22px #943ff32b, 0 30px 100px #000a;
animation: none; opacity: 1; transform: none !important; font-family: Arial, sans-serif;
color: #f6f3fc; letter-spacing: 0;
}
#pgAuthBackdrop .pg-auth-redesign::after, #pgAuthBackdrop .pg-noise { display: none; }
#pgAuthBackdrop .pg-auth-redesign::before { border-radius: 22px; background: linear-gradient(120deg,#ff1687,#ab34ed); }
#pgAuthBackdrop .pg-auth-body { display: grid !important; grid-template-columns: minmax(0,1.12fr) minmax(0,1fr) !important; gap: 18px; padding: 24px !important; background: transparent; }
#pgAuthBackdrop .pg-auth-primary { min-width: 0; padding: 0 8px !important; background: none; border: 0; box-shadow: none; }
#pgAuthBackdrop .pg-auth-head { padding: 0 0 16px; border: 0; background: none; }
#pgAuthBackdrop .pg-auth-title { display: flex; flex-wrap: wrap; gap: 14px; font-size: 28px !important; font-weight: 700; line-height: 1.2; letter-spacing: 0; }
#pgAuthBackdrop .pg-auth-badge { display: inline-flex; align-items: center; gap: 8px; font-size: 11px; font-weight: 500; padding: 7px 12px; border-color: #b82b89; background: #251127; box-shadow: none; }
#pgAuthBackdrop .pg-auth-badge svg { width: 15px; height: 15px; color: #fb54b3; }
#pgAuthBackdrop .pg-auth-close { position: absolute; z-index: 5; top: 12px; right: 12px; display: grid; place-items: center; width: 34px; height: 34px; padding: 0; border: 1px solid #756493; border-radius: 50%; background: #141222; color: #f6efff; transform: none; }
#pgAuthBackdrop .pg-auth-close svg { width: 17px; height: 17px; }
#pgAuthBackdrop .pg-auth-switch { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; margin: 0 0 18px; padding: 4px; border: 1px solid #47415c; border-radius: 14px; background: #1c1b2b; }
#pgAuthBackdrop .pg-auth-tab { min-width: 0; height: 40px; padding: 0 10px; border: 0; border-radius: 9px; background: transparent; color: #d9cfe9; font-size: 13px; font-weight: 700; transform: none; box-shadow: none; }
#pgAuthBackdrop .pg-auth-tab.is-active { color: white; background: linear-gradient(110deg,#ff385e,#ee007c 65%,#b600a2); box-shadow: inset 0 0 0 1px #ff64ba60, 0 3px 16px #f9007720; }
#pgAuthBackdrop .pg-auth-form { display: block; margin: 0; }
#pgAuthBackdrop .pg-row { display: block; margin: 0 0 13px; }
#pgAuthBackdrop .pg-row label { display: block; margin: 0 0 6px; font-size: 11px; line-height: 1.3; color: #d5cbe3; }
#pgAuthBackdrop .pg-auth-form input:not([type="hidden"]):not([type="checkbox"]) { box-sizing: border-box; width: 100%; height: 44px !important; min-height: 44px; border: 1px solid #878097 !important; border-radius: 10px; background: #0c0e19 !important; color: #f3edf9 !important; -webkit-text-fill-color: #f3edf9 !important; font: 14px Arial,sans-serif; box-shadow: none !important; margin: 0; }
#pgAuthBackdrop .pg-auth-redesign .pg-auth-form input:not([type="hidden"]):not([type="checkbox"]),
#pgAuthBackdrop .pg-auth-redesign .pg-auth-form input:not([type="hidden"]):not([type="checkbox"]):hover,
#pgAuthBackdrop .pg-auth-redesign .pg-auth-form input:not([type="hidden"]):not([type="checkbox"]):focus,
#pgAuthBackdrop .pg-auth-redesign .pg-auth-form input:not([type="hidden"]):not([type="checkbox"]):active {
background-color: #0c0e19 !important;
background-image: none !important;
color: #f3edf9 !important;
-webkit-text-fill-color: #f3edf9 !important;
caret-color: #ffffff !important;
box-shadow: inset 0 0 0 1000px #0c0e19 !important;
}
#pgAuthBackdrop .pg-auth-redesign .pg-auth-form input:-webkit-autofill,
#pgAuthBackdrop .pg-auth-redesign .pg-auth-form input:-webkit-autofill:hover,
#pgAuthBackdrop .pg-auth-redesign .pg-auth-form input:-webkit-autofill:focus,
#pgAuthBackdrop .pg-auth-redesign .pg-auth-form input:-webkit-autofill:active {
background-color: #0c0e19 !important;
background-image: none !important;
color: #f3edf9 !important;
-webkit-text-fill-color: #f3edf9 !important;
caret-color: #ffffff !important;
-webkit-box-shadow: inset 0 0 0 1000px #0c0e19 !important;
box-shadow: inset 0 0 0 1000px #0c0e19 !important;
transition: background-color 99999s ease-out 0s !important;
}
#pgAuthBackdrop .pg-auth-redesign .pg-auth-form input::placeholder {
color: #8f8aa2 !important;
-webkit-text-fill-color: #8f8aa2 !important;
opacity: 1;
}
#pgAuthBackdrop .pg-auth-form input:focus { outline: 2px solid #f239a3 !important; outline-offset: 2px; }
#pgAuthBackdrop .iti { width: 100%; }
#pgAuthBackdrop .iti__selected-country, #pgAuthBackdrop .iti__selected-flag { background: transparent !important; border-radius: 12px 0 0 12px; }
#pgAuthBackdrop .pg-password-control { position: relative; }
#pgAuthBackdrop .pg-password-control input { padding: 0 50px 0 16px; }
#pgAuthBackdrop .pg-password-toggle { position: absolute; top: 2px; right: 4px; width: 40px; height: 40px; display: grid; place-items: center; padding: 0; border: 0; background: none; color: #cfc7e5; border-radius: 8px; }
#pgAuthBackdrop .pg-password-toggle svg { width: 18px; height: 18px; }
#pgAuthBackdrop .pg-password-toggle [data-lucide="eye-off"], #pgAuthBackdrop .pg-password-toggle[aria-pressed="true"] [data-lucide="eye"] { display: none; }
#pgAuthBackdrop .pg-password-toggle[aria-pressed="true"] [data-lucide="eye-off"] { display: block; }
#pgAuthBackdrop .pg-forgot { min-height: 18px; margin: -4px 0 17px; text-align: right; font-size: 12px; }
#pgAuthBackdrop .pg-forgot a { color: #d7bce9; text-decoration: underline; }
#pgAuthBackdrop #pgAuthCta { display: flex; align-items: center; justify-content: center; gap: 14px; width: 100%; height: 46px; padding: 0 14px; border: 1px solid #ff4db591; border-radius: 12px; color: #fff; background: linear-gradient(110deg,#ff385e,#ed007b 65%,#b3009f); box-shadow: 0 5px 24px #f8007229; font-size: 14px; font-weight: 700; transform: none !important; }
#pgAuthBackdrop #pgAuthCta::before, #pgAuthBackdrop #pgAuthCta::after { display: none; }
#pgAuthBackdrop #pgAuthCta svg { width: 21px; height: 21px; }
#pgAuthBackdrop .pg-or { display: flex; align-items: center; gap: 16px; margin: 21px 0 12px; font-size: 12px; color: #cdc3df; }
#pgAuthBackdrop .pg-or::before, #pgAuthBackdrop .pg-or::after { content: ''; height: 1px; flex: 1; background: #3a2d40; }
#pgAuthBackdrop #pgAuthSub { min-height: 18px; margin: 0 0 12px; text-align: center; font-size: 13px; font-weight: 500; color: #e1d9ed; }
#pgAuthBackdrop .pg-switch-row { display: flex; gap: 10px; }
#pgAuthBackdrop .pg-switch-link { display: flex; flex: 1; align-items: center; justify-content: flex-start; gap: 9px; min-width: 0; min-height: 68px; height: 68px; padding: 9px; border: 1px solid #735288; border-radius: 11px; background: linear-gradient(125deg,#34132980,#1c1d2c); box-shadow: none; color: #f3eef9; text-align: left; text-decoration: none; transform: none; }
#pgAuthBackdrop .pg-switch-link:last-child { border-color: #715697; }
#pgAuthBackdrop .pg-switch-link > svg { width: 15px; height: 15px; flex-shrink: 0; margin-left: auto; color: #c8b2dd; }
#pgAuthBackdrop .pg-switch-link strong, #pgAuthBackdrop .pg-auth-benefits strong { display: block; font-size: 12px; line-height: 1.35; font-weight: 600; }
#pgAuthBackdrop .pg-switch-link small, #pgAuthBackdrop .pg-auth-benefits small { display: block; margin-top: 3px; color: #b9b3cf; font-size: 10px; font-weight: 400; line-height: 1.35; }
#pgAuthBackdrop .pg-auth-icon { width: 42px; height: 42px; flex: 0 0 42px; display: grid; place-items: center; border: 1px solid #68406670; border-radius: 10px; background: linear-gradient(135deg,#421631,#211d31); color: #ff3caa; }
#pgAuthBackdrop .pg-auth-icon svg { width: 22px; height: 22px; }
#pgAuthBackdrop .pg-switch-link .pg-auth-icon { width: 36px; height: 42px; flex-basis: 36px; }
#pgAuthBackdrop .pg-switch-link:last-child .pg-auth-icon { color: #d387ff; }
#pgAuthBackdrop .pg-auth-aside { position: relative; isolation: isolate; min-width: 0; overflow: hidden; padding: 28px 24px 20px !important; border: 1px solid #9b307f70; border-radius: 18px; background: #10101c url(//imperial-print.com/wp-content/themes/poligraphy/assets/images/auth-print-art-logo.png) center calc(100% + 105px) / 100% auto no-repeat; box-shadow: none; }
#pgAuthBackdrop .pg-auth-aside::before { content: ''; position: absolute; inset: 0; z-index: 0; background: linear-gradient(#0c0d17 0%,#0c0d17ed 54%,#0c0d1766 78%,transparent 100%); }
#pgAuthBackdrop .pg-auth-eyebrow { margin: 0 0 15px; font-size: 9px; line-height: 1.5; text-transform: uppercase; color: #c8b5dc; letter-spacing: 0; }
#pgAuthBackdrop .pg-auth-aside h2 { margin: 0 0 5px; color: #f6f0ff; font: 600 21px/1.2 Arial,sans-serif; letter-spacing: 0; }
#pgAuthBackdrop .pg-auth-aside-sub { margin: 0 0 18px; color: #bbb4d5; font-size: 11px; }
#pgAuthBackdrop .pg-alt { display: flex; align-items: center; justify-content: center; gap: 12px; min-height: 46px; padding: 8px 14px; border: 1px solid #ddd7ea; border-radius: 11px; background: #faf8ff; color: #191927; box-shadow: 0 3px 15px #0002; transform: none; }
#pgAuthBackdrop .pg-alt .pg-google { color: #191927; font: 600 12px/1.3 Arial,sans-serif; }
#pgAuthBackdrop .pg-alt .pg-g { width: auto; height: auto; padding: 0; border: 0; box-shadow: none; font: 700 28px/1 Arial,sans-serif; background: conic-gradient(#4285f4 0deg 100deg,#34a853 100deg 190deg,#fbbc05 190deg 235deg,#ea4335 235deg 290deg,#4285f4 290deg); background-clip: text; -webkit-background-clip: text; color: transparent; }
#pgAuthBackdrop .pg-alt--disabled { opacity: .55; cursor: not-allowed; }
#pgAuthBackdrop .pg-auth-benefits { list-style: none; margin: 18px 0 0; padding: 16px 0 0; border-top: 1px solid #55506670; }
#pgAuthBackdrop .pg-auth-benefits li { display: flex; align-items: center; gap: 13px; margin: 0 0 14px; padding: 0; }
#pgAuthBackdrop .pg-auth-benefits small { max-width: 210px; font-size: 10px; }
#pgAuthBackdrop .pg-auth-motto { position: relative; width: 65%; margin: 20px 0 0; padding: 0 0 14px; color: #eac9ec; font-size: 12px; font-weight: 500; line-height: 1.4; text-shadow: 0 2px 8px #000; }
#pgAuthBackdrop .pg-auth-motto::after { content: ''; position: absolute; bottom: 0; left: 0; width: 34px; height: 2px; background: #ef32a2; }
#pgAuthBackdrop button, #pgAuthBackdrop a { transition: border-color .15s, filter .15s, background-color .15s; }
#pgAuthBackdrop button:hover, #pgAuthBackdrop .pg-switch-link:hover { filter: brightness(1.12); }
#pgAuthBackdrop :is(button,a):focus-visible { outline: 2px solid #ff73be; outline-offset: 3px; }
@media (max-width: 850px) {
#pgAuthBackdrop .pg-auth-redesign { width: min(560px,100%); }
#pgAuthBackdrop .pg-auth-body { grid-template-columns: minmax(0,1fr) !important; padding: 24px !important; gap: 24px; }
#pgAuthBackdrop .pg-auth-primary { padding: 0 !important; }
#pgAuthBackdrop .pg-auth-aside { padding: 26px !important; background-position: center 75%; }
#pgAuthBackdrop .pg-auth-motto { width: 65%; margin-top: 25px; }
}
@media (max-width: 480px) {
#pgAuthBackdrop { padding: 10px !important; }
#pgAuthBackdrop .pg-auth-redesign { max-height: calc(100dvh - 20px); border-radius: 20px; }
#pgAuthBackdrop .pg-auth-body { padding: 22px 16px !important; }
#pgAuthBackdrop .pg-auth-title { font-size: 26px !important; gap: 10px; padding-right: 28px; }
#pgAuthBackdrop .pg-auth-badge { font-size: 9px; padding: 6px 8px; }
#pgAuthBackdrop .pg-switch-row { flex-direction: column; }
#pgAuthBackdrop .pg-switch-link { min-height: 68px; }
#pgAuthBackdrop .pg-auth-aside { padding: 24px 18px !important; }
#pgAuthBackdrop .pg-auth-aside h2 { font-size: 22px; }
}