/* SuuTam LMS v5.1.13 — Member registration equal team portraits
   Ivory, muted forest, champagne accents; layout unchanged from v5.1.9. */

.suutam-reg-page{
  --reg-bg:#f6fafe;
  --reg-paper:#ffffff;
  --reg-paper-2:#f7fbff;
  --reg-ink:#1f3b57;
  --reg-muted:#6f8398;
  --reg-line:#e3ecf5;
  --reg-green:#5f8eb8;
  --reg-green-2:#537fa7;
  --reg-green-deep:#446f95;
  --reg-green-dark:#385f83;
  --reg-sage:#eef5fb;
  --reg-gold:#8eafd0;
  --reg-danger:#b64c52;
  --reg-danger-soft:#fff3f3;
  position:relative;
  min-height:calc(100vh - 74px);
  padding:34px 0 68px;
  background:
    radial-gradient(circle at 9% 4%,rgba(127,170,210,.08),transparent 28%),
    radial-gradient(circle at 93% 96%,rgba(155,192,226,.14),transparent 27%),
    var(--reg-bg);
  color:var(--reg-ink);
  font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.suutam-reg-page *{box-sizing:border-box}
.suutam-reg-page :is(p,label,input,button,a,span,strong,small){font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body .suutam-reg-page .container.suutam-reg-wrap{width:min(1180px,calc(100% - 64px));max-width:1180px;margin:0 auto;padding-left:0;padding-right:0}

/* One integrated registration surface */
.suutam-reg-stage{
  display:grid;
  grid-template-columns:minmax(0,43%) minmax(0,57%);
  min-height:620px;
  overflow:hidden;
  border:1px solid rgba(56,76,67,.10);
  border-radius:30px;
  background:var(--reg-paper);
  box-shadow:0 28px 80px rgba(68,96,125,.08),0 3px 10px rgba(68,96,125,.02);
}

/* Left — brand, promise, team */
.suutam-reg-visual{
  position:relative;
  min-width:0;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  padding:38px 38px 0;
  background:
    radial-gradient(circle at 80% 78%,rgba(255,255,255,.34),transparent 26%),
    radial-gradient(circle at 18% -8%,rgba(255,255,255,.42),transparent 29%),
    linear-gradient(148deg,#e4eff9 0%,#d3e5f7 44%,#bfd6ec 100%);
  color:#21415f;
}
.suutam-reg-visual:before{
  content:"";
  position:absolute;
  width:330px;height:330px;left:-210px;top:-210px;
  border:1px solid rgba(93,141,184,.14);border-radius:50%;pointer-events:none;
}
.suutam-reg-visual:after{
  content:"";
  position:absolute;
  right:-124px;bottom:24px;width:330px;height:330px;border-radius:50%;
  border:1px solid rgba(255,255,255,.14);box-shadow:0 0 0 58px rgba(255,255,255,.08);pointer-events:none;
}
.suutam-reg-visual-copy{position:relative;z-index:5;max-width:430px}
.suutam-reg-brandline{display:flex;align-items:center;gap:10px;margin:0 0 34px;color:rgba(255,250,240,.94);font-size:12px;font-weight:650;letter-spacing:-.01em}
.suutam-reg-brandmark{width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:9px;background:rgba(255,255,255,.085);color:#21415f;font-size:13px;font-weight:700;box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}
.suutam-reg-kicker{display:block;margin:0 0 10px;color:var(--reg-gold);font-size:9px;font-weight:750;letter-spacing:.15em;text-transform:uppercase}
body .suutam-reg-page .suutam-reg-visual h1{
  max-width:420px;margin:0;color:#21415f;
  font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:clamp(39px,3vw,47px);line-height:1.055;letter-spacing:-.048em;font-weight:700;
}
body .suutam-reg-page .suutam-reg-visual h1 span{color:#3a6087font:inherit;font-weight:560}
.suutam-reg-lead{max-width:400px;margin:14px 0 0;color:rgba(45,74,103,.76);font-size:12.5px;line-height:1.62;font-weight:450}
.suutam-reg-proof{display:flex;flex-wrap:wrap;gap:7px 13px;margin:17px 0 0;color:rgba(40,68,97,.84);font-size:9px;font-weight:600}
.suutam-reg-proof span{display:flex;align-items:center;gap:6px;white-space:nowrap}
.suutam-reg-proof i{width:15px;height:15px;display:grid;place-items:center;border:1px solid rgba(93,141,184,.18);border-radius:50%;background:rgba(255,255,255,.58);color:#6c97bf;font-size:7px;font-style:normal;font-weight:800}

/* Team — two equal editorial profiles */
.suutam-reg-team{
  position:relative;z-index:4;display:flex;flex-direction:column;
  min-height:288px;margin-top:auto;padding:24px 0 0;
  border-top:1px solid rgba(255,255,255,.14);
}
.suutam-reg-team:before{
  content:"";position:absolute;z-index:-1;left:-38px;right:-38px;bottom:0;height:180px;
  background:linear-gradient(180deg,rgba(55,92,78,0),rgba(126,164,198,.18));pointer-events:none;
}
.suutam-reg-team-label{
  position:relative;z-index:5;display:block;margin:0 0 9px;color:#7da6cf;
  font-size:8px;font-weight:750;letter-spacing:.14em;text-transform:uppercase;
}
.suutam-reg-team-grid{
  position:relative;z-index:4;display:grid;grid-template-columns:1fr 1fr;
  align-items:stretch;gap:16px;flex:1;min-height:242px;
}
.suutam-reg-profile{
  position:relative;min-width:0;display:grid;grid-template-rows:auto 1fr;
  align-items:end;overflow:visible;
}
.suutam-reg-profile-copy{position:relative;z-index:6;min-height:72px;padding:0 1px 7px}
.suutam-reg-profile-copy strong{
  display:block;margin:0 0 4px;color:#21415f;font-size:14px;line-height:1.28;
  font-weight:680;letter-spacing:-.025em;
}
.suutam-reg-profile-copy>span{
  display:block;color:rgba(48,74,100,.78);font-size:8.5px;line-height:1.42;font-weight:520;
}
.suutam-reg-profile-copy small{
  display:block;margin:4px 0 0;color:rgba(59,86,111,.56);font-size:7px;line-height:1.4;font-weight:500;
}
.suutam-reg-profile-copy a{
  display:inline-flex;align-items:center;gap:4px;margin:6px 0 0;padding-bottom:1px;
  border-bottom:1px solid rgba(93,141,184,.32);color:#365d86;font-size:7.2px;
  font-weight:650;text-decoration:none;
}
.suutam-reg-profile-copy a:hover{color:#21415f;border-color:rgba(255,255,255,.58)}
.suutam-reg-profile-media{
  position:relative;z-index:4;min-height:178px;display:flex;align-items:flex-end;
  justify-content:center;overflow:visible;pointer-events:none;
}
.suutam-reg-profile-media:before{
  content:"";position:absolute;left:50%;bottom:13px;transform:translateX(-50%);
  width:155px;height:155px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.34),rgba(255,255,255,.10) 58%,transparent 68%);
  border:1px solid rgba(255,255,255,.18);
}
.suutam-reg-profile-media img{
  position:relative;z-index:2;display:block;width:auto;height:190px;max-width:none;
  object-fit:contain;object-position:center bottom;
  filter:saturate(.98) contrast(1.03) brightness(1.03) drop-shadow(0 15px 26px rgba(0,0,0,.14));
}
.suutam-reg-profile.is-assistant .suutam-reg-profile-media img{
  height:190px;filter:saturate(.98) contrast(1.03) brightness(1.03) drop-shadow(0 15px 26px rgba(0,0,0,.14));
}

/* Right — deliberately calm form surface */
.suutam-reg-form-side{
  position:relative;display:flex;flex-direction:column;justify-content:center;min-width:0;
  padding:48px 58px 42px;
  background:
    radial-gradient(circle at 100% 0,rgba(127,170,210,.06),transparent 31%),
    linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
}
.suutam-reg-form-side:before{content:"";position:absolute;left:0;top:36px;bottom:36px;width:1px;background:linear-gradient(180deg,transparent,rgba(127,170,210,.12) 18%,rgba(127,170,210,.12) 82%,transparent)}
.suutam-reg-card{width:100%;max-width:610px;margin:0 auto;background:transparent;border:0;border-radius:0;padding:0;box-shadow:none}
.suutam-reg-card-head{margin:0 0 25px;padding:0;border:0}
.suutam-reg-card-label{display:inline-flex;align-items:center;min-height:27px;margin:0 0 10px;padding:5px 10px;border:1px solid #e3e9e2;border-radius:999px;background:#eef5fb;color:var(--reg-green);font-size:8.5px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
body .suutam-reg-page .suutam-reg-card-head h2{margin:0 0 8px;color:var(--reg-ink);font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:32px;line-height:1.16;letter-spacing:-.037em;font-weight:700}
.suutam-reg-card-head p{max-width:520px;margin:0;color:var(--reg-muted);font-size:12.5px;line-height:1.58;font-weight:450}

.suutam-reg-alert{display:flex;gap:10px;align-items:flex-start;margin:0 0 18px;padding:12px 13px;border:1px solid #efc9ca;border-radius:12px;background:var(--reg-danger-soft);color:#913b41;font-size:11px;line-height:1.45}
.suutam-reg-alert-icon{display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;border-radius:50%;background:#f5d5d6;font-size:10px;font-weight:700}
.suutam-reg-alert strong{display:block;margin:1px 0 2px;font-weight:650}.suutam-reg-alert p{margin:0;color:#913b41;font-size:11px;line-height:1.45}.suutam-reg-alert ul{margin:4px 0 0;padding-left:17px}

.suutam-reg-form{margin:0}
.suutam-reg-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.suutam-reg-field{position:relative;margin:0 0 15px}
.suutam-reg-field label{display:block;margin:0 0 7px;color:#3b5977;font-size:11.5px;line-height:1.3;font-weight:650}
.suutam-reg-field label span{color:var(--reg-danger)}
.suutam-reg-field input{appearance:none;width:100%;height:54px;margin:0;border:1px solid #d9e4ef;border-radius:12px;background:#ffffff;color:var(--reg-ink);padding:0 15px;font-size:13.5px;font-weight:450;line-height:1;outline:none;box-shadow:0 2px 5px rgba(29,58,47,.022);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease,transform .16s ease}
.suutam-reg-field input::placeholder{color:#afaba2;opacity:1}
.suutam-reg-field input:hover{border-color:#cdd9e6;background:#fbfdff}
.suutam-reg-field input:focus{border-color:#9ab6a8;box-shadow:0 0 0 4px rgba(92,141,116,.08),0 3px 10px rgba(92,141,116,.045);background:#fffdf9}
.suutam-reg-field.is-error input,.suutam-reg-field input[aria-invalid="true"]{border-color:#d99094;box-shadow:0 0 0 3px rgba(181,72,78,.06)}
.suutam-reg-password-wrap{position:relative}.suutam-reg-password-wrap input{padding-right:60px}
.suutam-reg-password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);height:34px;min-width:43px;padding:0 8px;border:0;border-radius:8px;background:transparent;color:var(--reg-green);font-size:9.5px;font-weight:700;cursor:pointer}
.suutam-reg-password-toggle:hover,.suutam-reg-password-toggle:focus-visible{background:var(--reg-sage);outline:none}
.suutam-reg-field-error{min-height:0;margin:5px 0 0;color:var(--reg-danger);font-size:10px;line-height:1.35;font-weight:550}.suutam-reg-field-error:empty{display:none}
.suutam-reg-field-hint{margin:5px 0 0;color:#929c97;font-size:9.5px;line-height:1.35;font-weight:450}
.suutam-reg-strength{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;align-items:center;margin:7px 0 0}.suutam-reg-strength>span{height:2px;border-radius:999px;background:#e7e3db;transition:background .16s ease}.suutam-reg-strength small{grid-column:1/-1;margin-top:1px;color:#949e99;font-size:9.5px;line-height:1.2;font-weight:450}
.suutam-reg-strength[data-score="1"]>span:nth-child(-n+1){background:#c75b61}.suutam-reg-strength[data-score="2"]>span:nth-child(-n+2){background:#b98d4e}.suutam-reg-strength[data-score="3"]>span:nth-child(-n+3){background:#68a083}.suutam-reg-strength[data-score="4"]>span:nth-child(-n+4){background:var(--reg-green)}
.suutam-reg-strength[data-score="1"] small{color:#a7464b}.suutam-reg-strength[data-score="2"] small{color:#936b31}.suutam-reg-strength[data-score="3"] small,.suutam-reg-strength[data-score="4"] small{color:var(--reg-green)}

.suutam-reg-terms{display:flex;align-items:flex-start;gap:9px;margin:1px 0 0;color:#6c8198;font-size:10.5px;line-height:1.55;font-weight:450;cursor:pointer}.suutam-reg-terms input{appearance:auto;flex:0 0 17px;width:17px;height:17px;margin:1px 0 0;padding:0;border-radius:4px;accent-color:var(--reg-green);box-shadow:none}.suutam-reg-terms a{color:var(--reg-green);font-weight:650;text-decoration:underline;text-decoration-color:rgba(55,102,83,.24);text-underline-offset:2px}.suutam-reg-terms.is-error{color:#91434a}.suutam-reg-terms-error{margin:5px 0 0}
.suutam-reg-submit{width:100%;min-height:54px;display:flex;align-items:center;justify-content:center;gap:9px;margin:18px 0 0;border:1px solid var(--reg-green);border-radius:12px;background:linear-gradient(180deg,#7ba6ce 0%,#5f8eb8 100%);color:#21415f;font-size:13px;font-weight:700;letter-spacing:-.01em;cursor:pointer;box-shadow:0 10px 22px rgba(95,142,184,.18);transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.suutam-reg-submit:hover{background:linear-gradient(180deg,#7099c2 0%,#537fa7 100%);transform:translateY(-1px);box-shadow:0 13px 27px rgba(95,142,184,.20)}.suutam-reg-submit:focus-visible{outline:3px solid rgba(55,102,83,.16);outline-offset:3px}.suutam-reg-submit:disabled{opacity:.7;cursor:wait;transform:none}.suutam-reg-submit-arrow{font-size:17px;line-height:1;transition:transform .16s ease}.suutam-reg-submit:hover .suutam-reg-submit-arrow{transform:translateX(2px)}
.suutam-reg-submit-note{margin:8px 0 0;text-align:center;color:#86938d;font-size:9.5px;line-height:1.4;font-weight:450}.suutam-reg-submit-note span{color:var(--reg-green);font-weight:700}
.suutam-reg-account-links{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:7px;margin-top:17px;padding-top:16px;border-top:1px solid #e4edf5;color:#7a8da2;font-size:10.5px;line-height:1.4;font-weight:500}.suutam-reg-account-links a{color:#527ca3;text-decoration:none;font-weight:650}.suutam-reg-account-links a:hover{color:var(--reg-green);text-decoration:underline;text-underline-offset:2px}.suutam-reg-login-link{color:var(--reg-green)}.suutam-reg-dot{color:#b8bfbb}
.suutam-reg-hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.suutam-register-logged{max-width:720px;margin:50px auto;padding:24px;border:1px solid var(--reg-line);border-radius:18px;background:var(--reg-paper)}

@media(max-width:1120px){
  body .suutam-reg-page .container.suutam-reg-wrap{width:min(1000px,calc(100% - 36px))}
  .suutam-reg-stage{grid-template-columns:45% 55%;min-height:610px}
  .suutam-reg-visual{padding:34px 31px 0}
  .suutam-reg-brandline{margin-bottom:29px}
  body .suutam-reg-page .suutam-reg-visual h1{font-size:38px}
  .suutam-reg-team{min-height:258px;padding-top:21px}
  .suutam-reg-team:before{left:-31px;right:-31px;height:164px}
  .suutam-reg-team-grid{gap:12px;min-height:214px}
  .suutam-reg-profile-copy{min-height:66px}
  .suutam-reg-profile-copy strong{font-size:12.8px}
  .suutam-reg-profile-copy>span{font-size:7.8px}
  .suutam-reg-profile-copy small{font-size:6.5px}
  .suutam-reg-profile-media{min-height:154px}
  .suutam-reg-profile-media img,
  .suutam-reg-profile.is-assistant .suutam-reg-profile-media img{height:164px}
  .suutam-reg-form-side{padding:42px 38px 36px}
}

@media(max-width:880px){
  .suutam-reg-page{padding:24px 0 44px}
  body .suutam-reg-page .container.suutam-reg-wrap{width:min(730px,calc(100% - 28px))}
  .suutam-reg-stage{grid-template-columns:1fr;min-height:0;border-radius:24px}
  .suutam-reg-visual{min-height:445px;padding:29px 32px 0}
  .suutam-reg-brandline{margin-bottom:23px}
  body .suutam-reg-page .suutam-reg-visual h1{max-width:520px;font-size:38px}
  .suutam-reg-lead{max-width:510px}
  .suutam-reg-team{min-height:222px;padding-top:18px}
  .suutam-reg-team:before{left:-32px;right:-32px;height:148px}
  .suutam-reg-team-grid{gap:18px;min-height:186px}
  .suutam-reg-profile-copy{min-height:56px}
  .suutam-reg-profile-copy strong{font-size:11.5px}
  .suutam-reg-profile-copy>span{font-size:7.3px}
  .suutam-reg-profile-copy small{font-size:6.2px}
  .suutam-reg-profile-media{min-height:132px}
  .suutam-reg-profile-media img,
  .suutam-reg-profile.is-assistant .suutam-reg-profile-media img{height:140px}
  .suutam-reg-form-side{padding:40px 42px 35px}
  .suutam-reg-form-side:before{display:none}
}

@media(max-width:640px){
  .suutam-reg-page{padding:12px 0 28px;min-height:auto}
  body .suutam-reg-page .container.suutam-reg-wrap{width:calc(100% - 16px)}
  .suutam-reg-stage{border-radius:20px;box-shadow:0 16px 46px rgba(48,58,51,.08)}
  .suutam-reg-visual{min-height:355px;padding:20px 18px 0}
  .suutam-reg-brandline{margin-bottom:15px;font-size:10.5px}.suutam-reg-brandmark{width:27px;height:27px;border-radius:8px;font-size:12px}
  .suutam-reg-kicker{margin-bottom:7px;font-size:7.5px;letter-spacing:.13em}
  body .suutam-reg-page .suutam-reg-visual h1{max-width:315px;font-size:29px;line-height:1.06;letter-spacing:-.04em}
  .suutam-reg-lead{max-width:325px;margin-top:9px;font-size:10.5px;line-height:1.48}
  .suutam-reg-proof{gap:6px 10px;margin-top:10px;font-size:7.8px}.suutam-reg-proof i{width:13px;height:13px;font-size:6px}
  .suutam-reg-team{min-height:158px;padding-top:11px}
  .suutam-reg-team:before{left:-18px;right:-18px;height:106px}
  .suutam-reg-team-label{margin-bottom:5px;font-size:6px}
  .suutam-reg-team-grid{gap:7px;min-height:132px}
  .suutam-reg-profile-copy{min-height:43px;padding-bottom:3px}
  .suutam-reg-profile-copy strong{margin-bottom:2px;font-size:8.4px}
  .suutam-reg-profile-copy>span{font-size:5.8px;line-height:1.34}
  .suutam-reg-profile-copy small{display:none}
  .suutam-reg-profile-copy a{display:none}
  .suutam-reg-profile-media{min-height:90px}
  .suutam-reg-profile-media:before{width:88px;height:88px;bottom:4px}
  .suutam-reg-profile-media img,
  .suutam-reg-profile.is-assistant .suutam-reg-profile-media img{height:96px}
  .suutam-reg-form-side{padding:28px 16px 21px}
  .suutam-reg-card-head{margin-bottom:20px}.suutam-reg-card-label{min-height:24px;margin-bottom:8px;font-size:7.5px}body .suutam-reg-page .suutam-reg-card-head h2{font-size:24px}.suutam-reg-card-head p{font-size:10.5px;line-height:1.5}
  .suutam-reg-row{grid-template-columns:1fr;gap:0}.suutam-reg-field{margin-bottom:13px}.suutam-reg-field label{font-size:10.5px}.suutam-reg-field input{height:50px;font-size:16px;border-radius:10px}.suutam-reg-field-hint{font-size:9px}.suutam-reg-terms{font-size:9.5px}.suutam-reg-submit{min-height:51px;margin-top:14px;font-size:12px}.suutam-reg-account-links{margin-top:14px;padding-top:13px;font-size:9.5px}
}

@media(prefers-reduced-motion:reduce){.suutam-reg-page *{scroll-behavior:auto;transition:none;animation:none}}


/* v5.1.13 blue-light palette refinements */
.suutam-reg-visual{color:#21415f;}
.suutam-reg-brandline{color:rgba(34,63,92,.92);}
.suutam-reg-brandmark{background:rgba(255,255,255,.58);color:#33577d;box-shadow:inset 0 1px 0 rgba(255,255,255,.34);}
.suutam-reg-kicker,.suutam-reg-team-label{color:#7ea6ce;}
body .suutam-reg-page .suutam-reg-visual h1{color:#183957;}
body .suutam-reg-page .suutam-reg-visual h1 span{color:#4f7aa5;}
.suutam-reg-lead{color:rgba(53,79,106,.74);}
.suutam-reg-proof{color:rgba(40,68,97,.86);}
.suutam-reg-proof i{background:rgba(255,255,255,.62);border-color:rgba(93,141,184,.22);color:#6a95bd;}
.suutam-reg-team{border-top:1px solid rgba(93,141,184,.18);}
.suutam-reg-profile-copy strong{color:#183957;}
.suutam-reg-profile-copy>span{color:rgba(49,76,103,.78);}
.suutam-reg-profile-copy small{color:rgba(64,91,118,.60);}
.suutam-reg-profile-copy a{color:#456f98;border-color:rgba(93,141,184,.34);}
.suutam-reg-profile-copy a:hover{color:#294d72;border-color:rgba(41,77,114,.45);}
body .suutam-reg-page .suutam-reg-card-head h2{color:#183957;}
.suutam-reg-card-head p{color:#6f8398;}
.suutam-reg-submit{border-color:#5f8eb8;}
