/* Auth form shell; upstream Keycloak forms and validation remain intact. */
:root { color-scheme: light; }
* { box-sizing: border-box; }
html.login-pf, .login-pf body { background: #091322; }
body, .login-pf body { margin: 0; color: #e9f0fa; font-family: Arial, Helvetica, sans-serif; background: radial-gradient(ellipse at 8% 40%,#153449 0%,transparent 52%),radial-gradient(ellipse at 85% 0%,#202943 0%,transparent 45%),#091322; min-height:100vh; }
.login-pf-page { padding:0 48px; max-width:1440px; margin:auto; }
.ieta-topbar { height:105px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #ffffff12; }
.ieta-brand { display:flex; gap:12px; align-items:center; color:#edf4ff !important; text-decoration:none !important; font-size:19px; letter-spacing:.06em; }
.ieta-brand b { color:#77dfd4; }.ieta-brand small { display:block; font-size:9px; letter-spacing:.21em; color:#9aaec5; margin-top:5px; }
.ieta-brand-icon { display:grid; place-items:center; width:44px; height:44px; border:1px solid #70dedc70; border-radius:13px; background:linear-gradient(140deg,#87f1dc24,#89a0ff15); font-size:27px; font-weight:700; color:#b6fff1; }
.ieta-home { color:#b9c9db !important; font-size:13px; text-decoration:none !important; }.ieta-home span { margin-left:12px; }
.ieta-auth-layout { display:grid; grid-template-columns:minmax(0,1.13fr) minmax(360px,.87fr); align-items:center; gap:76px; padding:54px 0 48px; }
.ieta-story { min-width:0; }.ieta-kicker { color:#9cddd5; font-size:10px; letter-spacing:.2em; font-weight:700; display:flex; align-items:center; gap:10px; }.ieta-kicker span { width:6px; height:6px; background:#81e3ce; border-radius:50%; box-shadow:0 0 12px #81e3ce70; }
.ieta-story h2 { color:#f4f7fb; font-size:clamp(36px,4.1vw,59px); font-weight:600; letter-spacing:-.045em; line-height:1.1; margin:24px 0 20px; }.ieta-story h2 em { color:#95e9dd; font-style:normal; }.ieta-lead { font-size:16px; line-height:1.7; color:#acbdce; }
.ieta-identity-art { height:260px; position:relative; max-width:510px; margin:15px 0; }.ieta-orbit { position:absolute; border:1px solid #86d9dd1c; border-radius:50%; left:50%; top:50%; transform:translate(-50%,-50%) rotate(-20deg); }.orbit-a { width:300px;height:190px; }.orbit-b { width:430px;height:250px; }
.ieta-core { position:absolute; left:50%;top:50%; transform:translate(-50%,-50%) rotate(-8deg); width:112px;height:124px; border-radius:27px; border:1px solid #7af4d65c; background:linear-gradient(140deg,#327c7b,#18354c 70%); box-shadow:0 0 70px #4ddcb519; display:flex;align-items:center;justify-content:center;flex-direction:column; }.ieta-core span { font-size:55px;color:#c5fff3;font-weight:700;line-height:1.2; }.ieta-core small { font-size:8px;letter-spacing:.13em;color:#b4dedf; }
.ieta-product { position:absolute;display:flex;align-items:center;gap:10px;padding:12px 15px;border:1px solid #5d8b9d40;background:linear-gradient(120deg,#203b4aeF,#132338ef);box-shadow:0 12px 40px #0003;border-radius:13px;font-size:13px;color:#e4eef7; }.ieta-product small { display:block;font-size:9px;color:#a5bbca;margin-top:4px; }.ieta-product i { display:grid;place-items:center;width:31px;height:33px;background:#a5ecd41a;color:#a3e8d3;border-radius:8px;font-style:normal;font-weight:700; }.product-ride { top:22px;left:0; }.product-campus { top:64px;right:0; }.product-work { bottom:12px;left:20px; }
.ieta-benefits { display:grid;grid-template-columns:1fr 1fr;gap:18px;border-top:1px solid #ffffff14;padding-top:22px; }.ieta-benefits>div { display:flex;gap:12px; }.ieta-benefits>div>span { color:#73bdbb;font-size:10px;margin-top:3px; }.ieta-benefits p { font-size:13px;margin:0; }.ieta-benefits small { display:block;font-size:11px;line-height:1.6;color:#95a9bc;margin-top:5px; }.ieta-existing { color:#91a8bb;font-size:11px;line-height:1.6;margin:26px 0 0; }
.login-pf-page .card-pf { width:100%;max-width:480px;margin:0 0 0 auto;background:#fcfdff;border:1px solid #ffffffb3;border-radius:24px;box-shadow:0 28px 90px #0004;padding:36px;color:#24334a; }
.ieta-form-eyebrow { font-size:9px;letter-spacing:.19em;font-weight:700;color:#647990;margin-bottom:20px; }
.login-pf-page .login-pf-header { margin:0 0 27px;text-align:left; }
h1#kc-page-title { text-align:left;font-size:29px;font-weight:650;line-height:1.25;letter-spacing:-.025em;color:#142239;margin:0; }
.login-pf-page .form-control,.login-pf-page .pf-c-form-control { background:#f2f5f9;color:#182b43;border:1px solid #d4dce7;border-radius:9px;min-height:48px;box-shadow:none;padding:11px 13px;font-size:16px; }
.login-pf-page .form-control:focus,.login-pf-page .pf-c-form-control:focus { border-color:#287a79;outline:2px solid #287a7950;outline-offset:2px; }
.control-label,.pf-c-form__label { color:#304058;font-size:12px;font-weight:600;margin-bottom:8px; }.form-group { margin-bottom:20px; }
.btn-primary,.pf-c-button.pf-m-primary { background:#164c50;color:#fff;border:0;border-radius:10px;font-weight:600;font-size:14px;min-height:48px;box-shadow:0 5px 12px #164c501b; }.btn-primary:hover,.pf-c-button.pf-m-primary:hover { background:#103b40;color:#fff; }
.pf-c-button.pf-m-control { background:#f2f5f9;border:1px solid #d4dce7;color:#496078;border-radius:0 9px 9px 0; }.pf-c-input-group>.pf-c-form-control { border-radius:9px 0 0 9px; }
.login-pf a { color:#236e72;text-underline-offset:3px; }.login-pf a:focus-visible,.login-pf button:focus-visible { outline:2px solid #287a79;outline-offset:4px; }
#kc-info-wrapper { background:transparent;padding:22px 0 0;color:#64738a; }#kc-info { margin:0; }.login-pf-page .login-pf-signup { color:#64738a;font-size:13px; }#kc-form-options span { font-size:12px; }#kc-form-buttons { margin-top:24px; }
.ieta-form-trust { border-top:1px solid #e3e8ef;margin-top:25px;padding-top:19px;text-align:center;font-size:10px;color:#748397; }.ieta-form-trust span { color:#418e87;margin-right:6px; }
.subtitle { font-size:10px;color:#738297;text-align:right;margin:0 0 10px; }.login-pf-page .login-pf-header .col-md-10 { width:100%;padding:0; }.login-pf-page .login-pf-header .row { margin:0; }
.alert-error,.pf-m-danger { background:#fff0f1;color:#9d233b;border-color:#f1bac4; }.alert-info { background:#eaf3f7;color:#245477;border-color:#c2dce9; }.required { color:#a7314a; }#kc-attempted-username { color:#25374e;overflow-wrap:anywhere; }.ieta-bottom { border-top:1px solid #ffffff12;display:flex;justify-content:space-between;gap:20px;padding:24px 0;color:#849bb1;font-size:9px;letter-spacing:.06em; }
@media(min-width:1000px){body[data-page-id="login-register"] .ieta-auth-layout { align-items:start; }body[data-page-id="login-register"] .ieta-story { position:sticky;top:32px; }}
@media(max-width:1000px){.login-pf-page{padding:0 28px}.ieta-auth-layout{gap:30px;grid-template-columns:minmax(0,1fr) minmax(340px,1fr)}.ieta-identity-art{transform:scale(.87);transform-origin:center}.ieta-benefits{grid-template-columns:1fr}.ieta-story h2{font-size:40px}.login-pf-page .card-pf{padding:28px}}
@media(max-width:760px){.login-pf-page{padding:0 20px}.ieta-topbar{height:82px}.ieta-home{font-size:11px}.ieta-brand{font-size:15px}.ieta-brand small{font-size:7px}.ieta-auth-layout{display:flex;flex-direction:column;gap:25px;padding:28px 0 32px}.ieta-story{width:100%;text-align:center}.ieta-kicker{justify-content:center;font-size:9px}.ieta-story h2{font-size:36px;margin:16px 0 10px}.ieta-story h2 br{display:none}.ieta-story h2 em{display:block}.ieta-lead{font-size:13px;margin:0}.ieta-identity-art,.ieta-benefits,.ieta-existing{display:none}.login-pf-page .card-pf{max-width:480px;margin:0 auto;padding:27px 24px;border-radius:20px}.ieta-bottom{font-size:8px;line-height:1.6;flex-direction:column;gap:6px;text-align:center}.ieta-form-eyebrow{margin-bottom:17px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}