:root { color-scheme: light; }
p-wordmark, p-text, p-heading, p-inline-notification, p-input-text, p-input-password, p-checkbox, p-button, p-link-pure { visibility: hidden; }
.pds-ready p-wordmark, .pds-ready p-text, .pds-ready p-heading, .pds-ready p-inline-notification, .pds-ready p-input-text, .pds-ready p-input-password, .pds-ready p-checkbox, .pds-ready p-button, .pds-ready p-link-pure { visibility: visible; }
.porsche-login { min-block-size: 100vh; margin: 0; color: #010205; background: #eeeff2; font-family: "Porsche Next", Arial, sans-serif; }
.porsche-login__main { box-sizing: border-box; display: grid; min-block-size: 100vh; place-items: center; padding: clamp(1rem, 4vw, 4rem); }
.porsche-login__panel { box-sizing: border-box; display: grid; gap: clamp(1.5rem, 3vw, 2.25rem); inline-size: min(100%, 32rem); padding: clamp(1.5rem, 5vw, 3.5rem); background: #fff; border-radius: .75rem; }
.porsche-login__title, .porsche-login__fields { display: grid; gap: 1rem; }
.porsche-login__fields { margin-block-end: 1.25rem; }
#kc-form-login > p-checkbox { display: block; margin-block-end: 1.5rem; }
.porsche-login__submit { display: block; inline-size: 100%; }
.porsche-login__forgot { display: block; margin-block-start: 1.25rem; }
@media (max-width: 479px) { .porsche-login__main { padding: 0; } .porsche-login__panel { min-block-size: 100vh; align-content: center; border-radius: 0; } }