/* The supplied composition owns the layout; inherited templates only render real Keycloak controls. */
.backgrounds{z-index:0}
.atmosphere{z-index:1}
.layout{z-index:2}
.languages a{font-size:10px;padding:5px;color:var(--muted);text-decoration:none}
.languages a.active{color:var(--fg)}
.tab{display:flex;align-items:center;justify-content:center;text-decoration:none}
.panel{overflow:visible}
.panel form{margin:0}
.panel a{color:var(--fg)}
.panel .pf-v5-c-form__group{position:relative;margin:0 0 15px}
.panel .pf-v5-c-form__label{display:block;color:var(--fg);font-size:11px;margin-bottom:6px}
.panel .lg-field>.pf-v5-c-form__group-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.panel .pf-v5-c-form-control,.panel .pf-v5-c-input-group,.panel .pf-v5-c-input-group__item{display:block;position:relative;border:0;background:none;box-shadow:none;padding:0;outline:none}
.panel .pf-v5-c-form-control::before,.panel .pf-v5-c-form-control::after,.panel .pf-v5-c-button::after{display:none}
.panel input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=submit]),.panel select,.panel textarea{width:100%;height:58px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(110deg,#d9eaff05,#bfdcff0b);color:var(--fg);padding:0 46px 0 53px;font-size:13px;box-shadow:inset 0 1px 2px #ffffff0c;outline:none;transition:border-color .18s,box-shadow .18s}
html[data-theme=light] .panel input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=submit]){background:linear-gradient(110deg,#ffffff55,#ffffff33);box-shadow:inset 0 1px 2px #fff9}
.panel input::placeholder{color:var(--muted);opacity:.9}
.panel input:focus{border-color:#87d1ff!important;box-shadow:0 0 0 3px #1687ff30!important}
.lg-field::before{content:"";position:absolute;left:17px;top:20px;width:20px;height:17px;border:1.4px solid var(--icon);border-radius:3px;pointer-events:none;z-index:2;background:linear-gradient(32deg,transparent 48%,var(--icon) 49%,var(--icon) 52%,transparent 53%) left top/50% 70% no-repeat,linear-gradient(-32deg,transparent 48%,var(--icon) 49%,var(--icon) 52%,transparent 53%) right top/50% 70% no-repeat}
.lg-password::before,.lg-otp::before{width:17px;height:16px;top:25px;left:19px;background:none;border-radius:3px}
.lg-password::after,.lg-otp::after{content:"";position:absolute;left:23px;top:15px;width:9px;height:11px;border:1.4px solid var(--icon);border-bottom:0;border-radius:8px 8px 0 0;pointer-events:none;z-index:2}
.panel [data-password-toggle]{position:absolute;right:9px;top:-47px;width:31px;height:32px;padding:0;border:0;background:none;color:var(--fg);display:grid;place-items:center;cursor:pointer;border-radius:8px}
.panel [data-password-toggle] i{display:block;width:21px;height:13px;border:1.4px solid currentColor;border-radius:70% 20%;transform:rotate(45deg)}
.panel [data-password-toggle] i::after{content:"";display:block;width:5px;height:5px;border:1px solid currentColor;border-radius:50%;margin:2px 6px}
.panel .pf-v5-c-form__helper-text{margin-top:10px;font-size:11px;color:var(--muted)}
.panel .pf-v5-c-helper-text{display:flex;justify-content:space-between;align-items:center;gap:8px}
.panel .pf-v5-c-check{display:flex;align-items:center;gap:7px}
.panel input[type=checkbox],.panel input[type=radio]{accent-color:#008cff;width:17px;height:17px;margin:0}
.panel input[type=submit],.panel button[type=submit],.panel .pf-v5-c-button.pf-m-primary{position:relative;overflow:hidden;width:100%;min-height:57px;margin-top:8px;display:flex;align-items:center;justify-content:center;background:linear-gradient(115deg,#22caff,#0862d4 38%,#0843a2 73%,#2193ff);border:1px solid #74daff;border-radius:18px;font-size:19px;font-weight:500;color:#fff;box-shadow:inset 0 2px 3px #f0ffff75,inset 0 -2px 3px #71bfff66,0 0 18px #008aff38;cursor:pointer}
.panel button[type=submit]::before{content:"";position:absolute;width:128%;height:120%;left:-13%;top:12%;border:2px solid #7ed7ff66;border-radius:45%;transform:rotate(-7deg);box-shadow:0 -2px 5px #67cdff70,inset 0 3px 8px #a1e6ff6b;pointer-events:none;animation:buttonWater 6s ease-in-out infinite alternate}
.panel input[type=submit]:hover,.panel button[type=submit]:hover{filter:brightness(1.12)}
.panel .lg-secondary{display:block;margin:15px auto;background:none;border:0;color:var(--fg);text-decoration:underline}
.lg-message,.panel .pf-v5-c-helper-text__item.pf-m-error{border-radius:10px;padding:10px;margin-bottom:12px;background:#ae244b30;color:var(--fg);font-size:12px;line-height:1.5}
.lg-message:empty,[id^=input-error-container-]:empty{display:none}
.lg-required{font-size:10px;color:var(--muted);text-align:right}
.lg-identity{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin:0 0 20px}
#kc-info{font-size:11px;line-height:1.6;margin-top:18px;text-align:center}
.panel ul,.panel ol{padding-left:20px;font-size:12px;line-height:1.6}
.panel img{max-width:100%}
.panel pre{white-space:pre-wrap;overflow-wrap:anywhere}
.panel .pf-v5-c-button:not(.pf-m-primary){color:var(--fg)}
.panel .pf-v5-c-login__main-footer-links{list-style:none;padding:0}
.lg-leaving .tabs::before,.lg-leaving .tab-glow{transform:translateX(100%)}
.lg-leaving .tabs.register::before,.lg-leaving .tabs.register .tab-glow{transform:translateX(0)}
@media(max-width:700px){.panel input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=submit]){font-size:12px}.tools{position:fixed}.features{max-width:100%}.feature{flex:1;min-width:0}}
@media(prefers-reduced-motion:reduce){.panel button[type=submit]::before{animation:none}.lg-leaving .tabs::before{transform:none}}