.page{min-height:100vh}.left,.page{display:flex}.left{flex:1;background:#1a56db;flex-direction:column;justify-content:center;align-items:center;padding:3rem;position:relative;overflow:hidden}.bg-c{position:absolute;border-radius:50%;background:hsla(0,0%,100%,.07)}.left-inner{position:relative;z-index:2;text-align:center;color:#fff;max-width:360px}.brand{font-family:Bebas Neue,sans-serif;font-size:48px;letter-spacing:2px}.brand span{color:#fcd34d}.brand-sub{font-size:12px;font-weight:700;color:hsla(0,0%,100%,.45);letter-spacing:2px;text-transform:uppercase;margin-bottom:2rem}.owl{width:180px;margin:1rem auto 2rem;animation:float 3.5s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.left-tag{font-size:22px;font-weight:900;line-height:1.35}.left-tag em{font-style:normal;color:#fcd34d}.left-desc{font-size:14px;color:hsla(0,0%,100%,.6);font-weight:600;line-height:1.65;margin-top:.75rem}.right{width:480px;background:#fff;display:flex;flex-direction:column;justify-content:center;padding:3rem 3.5rem;min-height:100vh}.back{display:inline-flex;align-items:center;gap:6px;color:#94a3b8;font-size:13px;font-weight:700;text-decoration:none;margin-bottom:3rem;transition:color .2s}.back:hover{color:#1a56db}.h1{font-size:28px;font-weight:900;color:#0f172a;margin-bottom:.4rem}.sub{font-size:14px;color:#94a3b8;font-weight:600;margin-bottom:2.5rem}.roles{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.75rem;margin-bottom:2rem}.role-btn{border:2px solid #e2e8f0;background:#fff;border-radius:12px;padding:14px 8px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;font-family:Nunito,sans-serif}.role-btn.active,.role-btn:hover{border-color:#1a56db;background:#ebf3ff}.role-em{font-size:22px;display:block;margin-bottom:4px}.role-lbl{font-size:12px;font-weight:800;color:#475569;display:block}.role-btn.active .role-lbl{color:#1a56db}.fg{margin-bottom:1.25rem}label{display:block;font-size:13px;font-weight:800;color:#475569;margin-bottom:.5rem;letter-spacing:.3px}.iw{position:relative}.ii{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:16px;pointer-events:none}.fi{width:100%;height:48px;border:2px solid #e2e8f0;border-radius:10px;font-family:Nunito,sans-serif;font-size:14px;font-weight:600;color:#0f172a;background:#fff;padding:0 14px 0 42px;outline:none;transition:border-color .2s,box-shadow .2s}.fi:focus{border-color:#1a56db;box-shadow:0 0 0 3px rgba(26,86,219,.12)}.fi::-moz-placeholder{color:#94a3b8}.fi::placeholder{color:#94a3b8}.show-pw{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:13px;color:#94a3b8;font-weight:700;font-family:Nunito,sans-serif;padding:4px}.show-pw:hover{color:#1a56db}.forgot{text-align:right;margin-top:.5rem}.forgot a{font-size:12px;color:#1a56db;text-decoration:none}.err,.forgot a{font-weight:700}.err{background:#fef2f2;border:1.5px solid #fecaca;border-radius:10px;padding:10px 14px;font-size:13px;color:#b91c1c;margin-top:1rem;display:flex;align-items:center;gap:8px}.btn-login{width:100%;height:52px;background:#1a56db;color:#fff;border:none;border-radius:12px;font-family:Nunito,sans-serif;font-size:16px;font-weight:800;cursor:pointer;margin-top:1.5rem;transition:background .2s}.btn-login:hover:not(:disabled){background:#1040a8}.btn-login:disabled{background:#94a3b8;cursor:not-allowed}.foot-note{margin-top:2.5rem;text-align:center;font-size:12px;color:#94a3b8;font-weight:600}.foot-note a{color:#1a56db;text-decoration:none;font-weight:700}@media(max-width:860px){.page{flex-direction:column}.left{min-height:260px}.right{width:100%;min-height:auto;padding:2.5rem 1.75rem}}