/* ====== TRIPSORB — Auth (premium tactile, v0.179.7) ====== */
.authwrap{min-height:72vh;display:flex;align-items:center;justify-content:center;padding:48px 20px;
  background:radial-gradient(900px 500px at 15% -5%,rgba(255,91,65,.10),transparent 60%),radial-gradient(760px 520px at 100% 0,rgba(45,156,142,.10),transparent 55%),var(--ts-sand,#FBF7F0)}
.authcard{position:relative;width:100%;max-width:452px;background:linear-gradient(180deg,#fff,#fffdfb);border:1px solid #efe9df;border-radius:22px;overflow:hidden;
  box-shadow:0 1px 2px rgba(20,33,61,.05),0 6px 14px rgba(20,33,61,.06),0 40px 70px -32px rgba(20,33,61,.5);padding:34px}
.authcard::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#FF5B41,#FF9E6B)}
.authcard h1{font-family:var(--font-disp);font-weight:500;font-size:29px;margin:6px 0 6px;color:var(--ts-ink)}
.authcard .sub{color:var(--ts-slate);font-size:14px;margin:0 0 22px}
.authcard .field{margin-bottom:14px}
.authcard label{display:block;font-size:12.5px;font-weight:700;color:var(--ts-ink);margin-bottom:6px}
.authcard .input{width:100%;border:1px solid #e7e0d4;border-radius:12px;padding:13px 14px;font-size:14.5px;background:var(--ts-sand,#FBF7F0);transition:border-color .15s,box-shadow .15s,background .15s}
.authcard .input:focus{outline:none;border-color:var(--ts-coral);background:#fff;box-shadow:0 0 0 3px rgba(255,91,65,.12)}
.authcard .btn-primary{width:100%;justify-content:center;margin-top:8px;box-shadow:0 12px 26px -10px rgba(255,91,65,.55);transition:transform .14s,box-shadow .18s}
.authcard .btn-primary:hover{transform:translateY(-1px)}
.authcard .btn-primary:active{transform:translateY(1px)}
.roletabs{display:flex;gap:8px;margin-bottom:18px}
.roletab{flex:1;text-align:center;border:1.5px solid #e7e0d4;border-radius:14px;padding:14px 8px;cursor:pointer;font-weight:700;font-size:13.5px;color:var(--ts-ink);background:#fff;transition:transform .14s,box-shadow .16s,border-color .14s,background .14s;box-shadow:0 1px 2px rgba(20,33,61,.04)}
.roletab:hover{transform:translateY(-1px);box-shadow:0 8px 18px -10px rgba(20,33,61,.3)}
.roletab small{display:block;font-weight:400;color:var(--ts-slate);font-size:11.5px;margin-top:2px}
.roletab.on{border-color:var(--ts-coral);background:var(--ts-coral-50);color:var(--ts-coral-600);box-shadow:0 0 0 3px rgba(255,91,65,.1),0 10px 22px -12px rgba(255,91,65,.4)}
.roletab.on small{color:var(--ts-coral-600)}
.authcard .alt{text-align:center;margin-top:20px;font-size:13.5px;color:var(--ts-slate)}
.authcard .alt a{color:var(--ts-coral);font-weight:700;text-decoration:none}
.aerr{background:#FDECEA;border:1px solid #F5C6BE;color:#9B2C1E;border-radius:12px;padding:11px 14px;font-size:13.5px;margin-bottom:16px}
.aok{background:#E9F8F3;border:1px solid #BdEAdd;color:#0A7E63;border-radius:12px;padding:11px 14px;font-size:13.5px;margin-bottom:16px}
.verifybanner{background:#FFF7ED;border:1px solid #FCD9A8;border-radius:12px;padding:13px 16px;font-size:13.5px;color:#92400e;margin-bottom:18px;display:flex;gap:10px;align-items:center}
.verifybanner a{color:#b45309;font-weight:700}
.amuted{font-size:12px;color:var(--ts-slate);margin-top:6px}
@media(max-width:480px){.authcard{padding:26px 20px;border-radius:18px}.authcard h1{font-size:25px}.authwrap{padding:24px 14px}}
@media(prefers-reduced-motion:reduce){.roletab,.authcard .btn-primary{transition:none!important;transform:none!important}}
/* auth form: email divider + password eye toggle (v0.226.49) */
.or-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--ts-slate);font-size:12.5px}
.or-divider::before,.or-divider::after{content:"";flex:1;height:1px;background:var(--ts-line,#ece7dd)}
.pw-wrap{position:relative}
.pw-wrap .input{padding-right:44px}
.pw-eye{position:absolute;right:6px;top:9px;width:34px;height:34px;border:none;background:none;color:var(--ts-slate);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;border-radius:8px}
.pw-eye:hover{color:var(--ts-coral)}