/* Register page — clean, minimal, no icons */
.reg-wrap{padding:2.5rem 1rem 3rem;display:flex;justify-content:center}
.reg-card{width:100%;max-width:680px;background:#fff;border:1px solid #e6e9ef;border-radius:22px;padding:2.25rem 2rem;box-shadow:0 12px 48px rgba(5,39,85,.07)}
.reg-head{text-align:center;margin-bottom:1.75rem}
.reg-head h1{font-size:1.75rem;font-weight:700;color:var(--helpa-primary);margin:0 0 .3rem}
.reg-head p{color:#667085;margin:0;font-size:.95rem}
.reg-section{border:0;padding:0;margin:0 0 1.75rem;min-width:0}
.reg-section legend{float:none;width:auto;padding:0;margin:0 0 .75rem;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#98a2b3}
.mt{margin-top:.9rem}
.reg-grid{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
.reg-span2{grid-column:1/-1}
.reg-hint{font-size:.78rem;color:#98a2b3;margin:.35rem 0 0;line-height:1.4}
.reg-mini{display:block;font-size:.8rem;font-weight:600;color:#344054;margin-bottom:.45rem}

/* Floating-label inputs */
.reg-field{position:relative}
.reg-field input,.reg-field select{width:100%;height:56px;border:1.5px solid #d6dbe5;border-radius:12px;background:#fff;padding:1.35rem 1rem .35rem;font-size:.95rem;color:var(--helpa-text-dark);outline:0;transition:border-color .15s,box-shadow .15s}
.reg-field label{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:.92rem;color:#98a2b3;pointer-events:none;transition:.15s;background:transparent;margin:0}
.reg-field input:focus+label,.reg-field input:not(:placeholder-shown)+label{top:.95rem;font-size:.68rem;font-weight:600;color:#667085}
.reg-field input:focus,.reg-field select:focus{border-color:var(--helpa-primary-light);box-shadow:0 0 0 4px rgba(13,61,122,.1)}
.reg-field--select select{padding:0 1rem;appearance:none;-webkit-appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%2398a2b3' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 1rem center}
.reg-show{position:absolute;right:.9rem;top:50%;transform:translateY(-50%);border:0;background:none;color:var(--helpa-primary-light);font-size:.78rem;font-weight:600;cursor:pointer;padding:.25rem}
.reg-field input[type=password]{padding-right:3.6rem}

/* Segmented radio cards */
.reg-seg{display:grid;gap:.6rem}
.reg-seg--2{grid-template-columns:1fr 1fr}
.reg-seg--3{grid-template-columns:repeat(3,1fr)}
.reg-opt{position:relative;margin:0;cursor:pointer}
.reg-opt input{position:absolute;opacity:0;inset:0;cursor:pointer}
.reg-opt-body{display:flex;flex-direction:column;gap:.15rem;height:100%;padding:.85rem 1rem;border:1.5px solid #d6dbe5;border-radius:12px;background:#fff;transition:.15s}
.reg-opt-body strong{font-size:.92rem;color:var(--helpa-text-dark);font-weight:600}
.reg-opt-body small{font-size:.75rem;color:#98a2b3;line-height:1.3}
.reg-opt--sm .reg-opt-body{padding:.7rem 1rem;align-items:center;text-align:center}
.reg-opt:hover .reg-opt-body{border-color:#b7c0d0}
.reg-opt input:checked+.reg-opt-body{border-color:var(--helpa-primary);background:rgba(5,39,85,.04);box-shadow:0 0 0 3px rgba(5,39,85,.08)}
.reg-opt input:checked+.reg-opt-body strong{color:var(--helpa-primary)}
.reg-opt input:focus-visible+.reg-opt-body{outline:2px solid var(--helpa-accent);outline-offset:2px}

/* Chips */
.reg-chips{display:flex;flex-wrap:wrap;gap:.5rem}
.reg-chip{position:relative;margin:0;cursor:pointer}
.reg-chip input{position:absolute;opacity:0;inset:0;cursor:pointer}
.reg-chip span{display:inline-block;padding:.5rem .95rem;border:1.5px solid #d6dbe5;border-radius:999px;font-size:.85rem;color:#344054;background:#fff;transition:.15s;user-select:none}
.reg-chip:hover span{border-color:#b7c0d0}
.reg-chip input:checked+span{background:var(--helpa-primary);border-color:var(--helpa-primary);color:#fff}
.reg-chip input:focus-visible+span{outline:2px solid var(--helpa-accent);outline-offset:2px}

.reg-submit{width:100%;height:54px;border:0;border-radius:14px;background:var(--helpa-primary);color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:.15s;margin-top:.25rem}
.reg-submit:hover{background:var(--helpa-primary-light)}
.reg-foot{text-align:center;font-size:.88rem;color:#667085;margin:1.5rem 0 0}
.reg-foot a{color:var(--helpa-primary-light);font-weight:600}
.reg-alert{border-radius:12px;padding:.75rem 1rem;font-size:.85rem;margin-bottom:1.25rem}
.reg-alert--error{background:#fef3f2;border:1px solid #fecdca;color:#b42318}
.reg-alert--info{background:#eff6ff;border:1px solid #cfe0fb;color:#1d4a8f}

@media (max-width:575.98px){
  .reg-card{padding:1.5rem 1.1rem;border-radius:18px}
  .reg-grid{grid-template-columns:1fr}
  .reg-seg--3.role,.reg-seg--3{grid-template-columns:1fr}
  .reg-section .reg-seg--3:has(.reg-opt--sm){grid-template-columns:repeat(3,1fr)}
}
