*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial;background:#eef3f9;color:#14233d}.portal-auth{min-height:100vh;display:grid;grid-template-columns:minmax(360px,46%) 1fr}.auth-brand{background:radial-gradient(circle at 80% 20%,#244d77 0,#102b49 32%,#071b31 72%);color:#fff;padding:52px 58px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-brand:after{content:"";position:absolute;width:440px;height:440px;border-radius:50%;background:linear-gradient(135deg,rgba(231,173,65,.25),transparent);right:-180px;bottom:-180px}.brand-top{display:flex;gap:16px;align-items:center;z-index:1}.brand-top img{width:64px;height:64px}.brand-top b{display:block;font-size:29px;letter-spacing:2px}.brand-top span{opacity:.72}.brand-copy{max-width:560px;z-index:1}.brand-copy small,.kicker{font-weight:800;letter-spacing:1.5px;color:#d6a74e}.brand-copy h1{font-size:48px;line-height:1.08;margin:16px 0}.brand-copy p{font-size:18px;line-height:1.7;color:#c7d2e2}.trusts{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.trusts span{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);padding:10px 14px;border-radius:999px}.brand-foot{color:#d6a74e;font-style:italic;z-index:1}.auth-side{padding:58px clamp(28px,6vw,90px);display:flex;flex-direction:column;justify-content:center;background:#f8fafc}.role-switch{display:grid;grid-template-columns:1fr 1fr;background:#e8eef5;border-radius:16px;padding:6px;margin-bottom:28px}.role-switch button{border:0;background:transparent;padding:15px 10px;border-radius:12px;font-weight:800;font-size:15px;color:#65738a}.role-switch button.active{background:#fff;color:#102b49;box-shadow:0 8px 25px rgba(22,40,70,.1)}.role-panel{display:none;max-width:560px;width:100%;margin:auto}.role-panel.active{display:block}.role-panel h2{font-size:38px;margin:8px 0}.role-panel>p{color:#6c7a90;margin-bottom:28px;line-height:1.6}.role-panel label{display:block;font-weight:700;margin:14px 0;color:#33445c}.role-panel input{width:100%;margin-top:8px;padding:15px 16px;border:1px solid #d4deea;border-radius:12px;font-size:16px;outline:0;background:#fff}.role-panel input:focus{border-color:#2d86df;box-shadow:0 0 0 4px rgba(45,134,223,.1)}.role-panel form button{width:100%;margin-top:10px;border:0;border-radius:12px;padding:16px;background:linear-gradient(135deg,#20a36b,#15845a);color:#fff;font-weight:900;font-size:16px}.role-panel form button.admin-btn{background:linear-gradient(135deg,#153d66,#08233f)}.auth-links{display:flex;justify-content:space-between;gap:20px;margin-top:20px;font-size:14px;color:#7a8799;align-items:flex-start}.auth-links a{color:#1a69b5;font-weight:800;text-decoration:none}.alert{padding:12px 14px;border-radius:10px;background:#fff0f1;border:1px solid #ffcfd4;color:#b42336;margin:12px 0}@media(max-width:820px){.portal-auth{grid-template-columns:1fr}.auth-brand{min-height:300px;padding:28px 24px}.brand-copy h1{font-size:34px}.brand-copy p{font-size:15px}.brand-foot{display:none}.auth-side{padding:28px 18px 44px}.role-panel h2{font-size:30px}.auth-links{flex-direction:column;gap:9px}.brand-top img{width:52px;height:52px}}
