.login-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}.login-heading #login-title{margin:0}.demo-profile-trigger{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid var(--line,#b6c6b9);border-radius:50%;background:var(--surface,#fff);color:var(--ink,#12251b);cursor:pointer;flex-shrink:0}.demo-profile-trigger:hover,.demo-profile-trigger:focus-visible{background:var(--brand-soft,#d5f5dd);outline:2px solid var(--brand-deep,#16a572);outline-offset:3px}.demo-profile-trigger svg{width:21px;height:21px}.demo-profile-modal{border-radius:22px!important;padding:24px!important;background:var(--surface,#fff)!important;color:var(--ink,#12251b)!important}.demo-profile-modal .swal2-title{font-size:24px;padding:0 36px!important}.demo-profile-modal .swal2-html-container{margin:16px 0 0;padding:0!important;color:inherit}.demo-profile-intro{margin:0 0 16px;color:var(--muted,#637769);font-size:14px}.demo-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.demo-profile-card{display:flex;flex-direction:column;align-items:flex-start;gap:5px;text-align:left;padding:15px;min-width:0;border:1px solid var(--line,#d6dfd8);border-radius:16px;background:var(--surface,#fff);color:var(--ink,#12251b);font:inherit;cursor:pointer;transition:border-color .15s,transform .15s}.demo-profile-card:hover,.demo-profile-card:focus-visible{border-color:var(--brand-deep,#16a572);outline:2px solid var(--brand-deep,#16a572);outline-offset:1px;transform:translateY(-2px)}.demo-profile-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:11px;background:linear-gradient(120deg,#edff3b,#00d0a3);color:#102519;font-size:12px;font-weight:700;margin-bottom:2px}.demo-profile-card strong{font-size:16px}.demo-profile-card>span:not(.demo-profile-avatar){font-size:13px;line-height:1.45;color:var(--muted,#637769)}.demo-profile-card small{font-size:12px;overflow-wrap:anywhere;color:var(--muted,#637769);margin-top:auto;padding-top:6px}@media(max-width:520px){.demo-profile-modal{padding:24px 18px!important}.demo-profile-grid{grid-template-columns:1fr}.demo-profile-card{padding:15px}.demo-profile-modal .swal2-title{font-size:23px}.login-heading{gap:10px;margin-bottom:24px}}
