/* Phase 113 — Premium Authentication Experience */
:root{--tn113-bg:#f6f7fb;--tn113-ink:#111827;--tn113-muted:#667085;--tn113-line:#e5e7eb;--tn113-primary:#4f46e5;--tn113-primary2:#6d28d9;--tn113-shadow:0 24px 64px rgba(15,23,42,.09)}
body.tn113-auth-page{margin:0;min-height:100vh;background:var(--tn113-bg);color:var(--tn113-ink);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}
.tn113-auth-top{position:relative;top:auto;height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 clamp(24px,5vw,72px);background:rgba(246,247,251,.9);border-bottom:1px solid #e7e9ef;backdrop-filter:blur(14px)}
.tn113-auth-brand{display:flex;align-items:center;gap:11px;color:#111827;text-decoration:none}.tn113-auth-brand>i{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(145deg,#5b5cf0,#4338ca);color:#fff;font-style:normal;font-weight:850;box-shadow:0 10px 24px rgba(79,70,229,.2)}.tn113-auth-brand>span{display:grid;line-height:1.05}.tn113-auth-brand strong{font-size:17px}.tn113-auth-brand small{margin-top:4px;font-size:11px;color:#8a94a6;font-weight:600}.tn113-back-home{font-size:13px;font-weight:700;color:#4b5563;text-decoration:none}.tn113-back-home:hover{color:var(--tn113-primary)}
.tn113-auth-main{width:100%;max-width:none!important;margin:0!important;padding:0!important;min-height:calc(100vh - 132px)}.tn113-flash{width:min(1100px,calc(100% - 48px));margin:22px auto 0;border-radius:12px}
.tn113-auth-shell{width:min(1180px,calc(100% - 48px));min-height:690px;margin:0 auto;padding:54px 0 64px;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(400px,.82fr);gap:clamp(52px,7vw,96px);align-items:center}.tn113-register-shell{align-items:start;padding-top:44px}.tn113-compact-shell{min-height:650px}
.tn113-auth-story{min-width:0;padding:32px 4px}.tn113-story-copy{max-width:590px}.tn113-kicker{display:inline-flex;color:#5b5cf0;text-transform:uppercase;letter-spacing:.11em;font-size:11px;font-weight:800}.tn113-story-copy h1{font-size:clamp(42px,4.8vw,64px);line-height:.99;letter-spacing:-.052em;margin:18px 0 22px;color:#0c1222;max-width:650px}.tn113-register-shell .tn113-story-copy h1{font-size:clamp(40px,4.2vw,58px)}.tn113-story-copy p{font-size:17px;line-height:1.7;color:#5f6b7a;max-width:570px;margin:0}
.tn113-trust-list{display:grid;gap:14px;margin-top:36px;max-width:560px}.tn113-trust-list>div{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:start}.tn113-trust-list i{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#eef2ff;color:#4f46e5;font-style:normal;font-weight:850;font-size:12px}.tn113-trust-list span{display:grid;gap:3px}.tn113-trust-list strong{font-size:14px;color:#1f2937}.tn113-trust-list small{font-size:13px;line-height:1.45;color:#7c8797}
.tn113-story-preview{margin-top:40px;max-width:570px;border:1px solid #e3e6ef;border-radius:18px;background:#fff;padding:18px;box-shadow:0 20px 50px rgba(15,23,42,.06)}.tn113-mini-head{display:flex;justify-content:space-between;font-size:12px;font-weight:750;color:#344054}.tn113-mini-head em{font-style:normal;color:#078b69;background:#ecfdf5;padding:4px 8px;border-radius:999px}.tn113-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:16px}.tn113-mini-grid b{height:52px;border-radius:10px;background:linear-gradient(180deg,#f6f7fb,#eef1f7);border:1px solid #edf0f5}.tn113-mini-chart{height:92px;margin-top:10px;display:flex;align-items:end;gap:7px;padding:10px;border-radius:12px;background:#fafbff}.tn113-mini-chart i{flex:1;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#818cf8,#4f46e5)}.tn113-mini-chart i:nth-child(1){height:28%}.tn113-mini-chart i:nth-child(2){height:46%}.tn113-mini-chart i:nth-child(3){height:38%}.tn113-mini-chart i:nth-child(4){height:64%}.tn113-mini-chart i:nth-child(5){height:56%}.tn113-mini-chart i:nth-child(6){height:78%}.tn113-mini-chart i:nth-child(7){height:88%}
.tn113-auth-panel{display:flex;justify-content:flex-end;min-width:0}.tn113-auth-card{width:100%;max-width:470px;background:#fff;border:1px solid var(--tn113-line);border-radius:18px;padding:34px;box-shadow:var(--tn113-shadow)}.tn113-register-card{max-width:530px}.tn113-card-head{margin-bottom:26px}.tn113-card-head h2{font-size:32px;line-height:1.08;letter-spacing:-.035em;margin:10px 0 9px}.tn113-card-head p{margin:0;color:var(--tn113-muted);font-size:14px;line-height:1.55}
.tn113-form{display:grid;gap:18px}.tn113-form label,.tn113-role-fieldset legend{display:grid;gap:8px;color:#344054;font-size:13px;font-weight:700}.tn113-form label>span:not(.tn113-role-icon){font-weight:550;color:#98a2b3}.tn113-form input:not([type=checkbox]):not([type=radio]),.tn113-form textarea{width:100%;box-sizing:border-box;border:1px solid #d9dee8;border-radius:11px;background:#fff;color:#111827;padding:13px 14px;min-height:50px;font:500 15px/1.4 inherit;outline:none;transition:border-color .18s,box-shadow .18s}.tn113-form textarea{resize:vertical;min-height:92px}.tn113-form input:focus,.tn113-form textarea:focus{border-color:#818cf8;box-shadow:0 0 0 4px rgba(99,102,241,.11)}.tn113-form input::placeholder,.tn113-form textarea::placeholder{color:#a1a8b5}
.tn113-input-wrap{position:relative}.tn113-input-wrap input{padding-right:68px!important}.tn113-password-toggle{position:absolute!important;right:7px;top:50%;transform:translateY(-50%);min-height:36px!important;height:36px!important;padding:0 9px!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#667085!important;font-size:12px!important;font-weight:750!important}.tn113-password-toggle:hover{color:#4338ca!important;transform:translateY(-50%)!important}
.tn113-primary,.tn113-secondary,.tn113-passkey-btn{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:50px;border-radius:11px;text-decoration:none;font-size:14px;font-weight:750;box-sizing:border-box;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s}.tn113-primary{border:0!important;background:linear-gradient(135deg,var(--tn113-primary),var(--tn113-primary2))!important;color:#fff!important;box-shadow:0 10px 24px rgba(79,70,229,.18)!important}.tn113-primary:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(79,70,229,.23)!important}.tn113-secondary{border:1px solid #d9dee8!important;background:#fff!important;color:#344054!important;box-shadow:none!important}.tn113-passkey-btn{border:1px solid #d9dee8;background:#fff;color:#253047}.tn113-passkey-btn:hover,.tn113-secondary:hover{border-color:#b9c0ce;background:#fbfcff}.tn113-form-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:-4px}.tn113-form-row a,.tn113-auth-switch a,.tn113-check a{color:#4f46e5;text-decoration:none;font-weight:700}.tn113-form-row a:hover,.tn113-auth-switch a:hover,.tn113-check a:hover{text-decoration:underline}.tn113-secure-note{font-size:11px;color:#8b95a5}.tn113-divider{display:flex;align-items:center;gap:12px;margin:22px 0}.tn113-divider:before,.tn113-divider:after{content:"";height:1px;background:#eceef3;flex:1}.tn113-divider span{font-size:11px;color:#98a2b3;text-transform:uppercase}.tn113-auth-switch{text-align:center;margin:20px 0 0;color:#7a8494;font-size:13px}
.tn113-steps{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:0 0 28px}.tn113-steps>span{display:flex;align-items:center;gap:8px;color:#98a2b3;font-size:12px;font-weight:700;white-space:nowrap}.tn113-steps>span b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#f1f3f7;color:#7a8494}.tn113-steps>span.active{color:#4338ca}.tn113-steps>span.active b{background:#eef2ff;color:#4f46e5}.tn113-steps>i{height:1px;background:#e5e7eb}.tn113-register-step[hidden]{display:none!important}
.tn113-role-fieldset{border:0;padding:0;margin:0;display:grid;gap:12px}.tn113-role-card{position:relative!important;display:grid!important;grid-template-columns:42px 1fr 24px;gap:12px!important;align-items:center;border:1px solid #e0e4ec;border-radius:14px;padding:15px!important;cursor:pointer;background:#fff}.tn113-role-card:has(input:focus-visible){outline:3px solid rgba(79,70,229,.18);outline-offset:2px}.tn113-role-card:has(input:checked){border-color:#818cf8;background:#f7f7ff;box-shadow:0 0 0 3px rgba(99,102,241,.08)}.tn113-role-card input{position:absolute;opacity:0;pointer-events:none}.tn113-role-icon{display:grid!important;place-items:center;width:40px;height:40px;border-radius:11px;background:#eef2ff;color:#4f46e5;font-size:18px}.tn113-role-card>span:nth-of-type(2){display:grid;gap:3px}.tn113-role-card strong{font-size:14px;color:#1f2937}.tn113-role-card small{font-size:12px;color:#7b8595;line-height:1.4}.tn113-role-card>i{font-style:normal;color:#fff;background:#4f46e5;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:11px;opacity:0}.tn113-role-card:has(input:checked)>i{opacity:1}
.tn113-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tn113-register-actions{display:grid;grid-template-columns:120px 1fr;gap:10px}.tn113-check{display:grid!important;grid-template-columns:20px 1fr!important;align-items:start!important;gap:10px!important;font-size:12px!important;color:#667085!important;font-weight:550!important}.tn113-check input{width:17px;height:17px;margin-top:1px;accent-color:#4f46e5}.tn113-optional{border:1px solid #e5e7eb;border-radius:12px;padding:0 14px;background:#fbfcfe}.tn113-optional summary{cursor:pointer;padding:13px 0;font-size:12px;font-weight:750;color:#596273}.tn113-optional[open]{padding-bottom:14px}.tn113-optional[open] summary{margin-bottom:12px;border-bottom:1px solid #eceef3}.tn113-form-note{margin:0;text-align:center;color:#8993a3;font-size:11px;line-height:1.5}
.tn113-password-meter{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:10px}.tn113-password-meter:before{content:"";height:4px;border-radius:99px;background:#e9ecf2}.tn113-password-meter i{display:none}.tn113-password-meter span{font-size:11px;color:#8a94a6}.tn113-password-meter[data-strength="weak"]:before{background:linear-gradient(90deg,#ef4444 34%,#e9ecf2 34%)}.tn113-password-meter[data-strength="good"]:before{background:linear-gradient(90deg,#f59e0b 67%,#e9ecf2 67%)}.tn113-password-meter[data-strength="strong"]:before{background:#16a34a}.tn113-match-note{font-size:11px;min-height:16px;color:#98a2b3}.tn113-match-note.good{color:#15803d}.tn113-match-note.bad{color:#b42318}.tn113-code-input{letter-spacing:.08em}.tn113-passkey-message{font-size:12px;color:#667085;min-height:20px}.tn113-empty-auth{width:min(460px,calc(100% - 40px));margin:110px auto;text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:36px;box-shadow:var(--tn113-shadow)}
.tn113-auth-footer{margin-top:0;min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 clamp(24px,5vw,72px);border-top:1px solid #e7e9ef;color:#98a2b3;font-size:11px;background:#f6f7fb}.tn113-auth-footer nav{display:flex;gap:18px}.tn113-auth-footer a{color:#697386;text-decoration:none}.tn113-auth-footer a:hover{color:#4338ca}
@media(max-width:900px){.tn113-auth-top{height:68px;padding-inline:22px}.tn113-auth-shell{width:min(520px,calc(100% - 32px));grid-template-columns:1fr;gap:14px;padding:28px 0 48px;min-height:0}.tn113-auth-story{padding:14px 2px}.tn113-story-copy h1{font-size:38px}.tn113-story-copy p{font-size:15px}.tn113-trust-list,.tn113-story-preview{display:none}.tn113-auth-panel{justify-content:center}.tn113-auth-card,.tn113-register-card{max-width:none;padding:28px}.tn113-register-shell .tn113-auth-story{display:none}.tn113-register-shell{padding-top:32px}.tn113-auth-footer{padding:18px 22px;min-height:auto}}
@media(max-width:560px){.tn113-auth-top{padding-inline:16px}.tn113-auth-brand small{display:none}.tn113-back-home{font-size:0}.tn113-back-home span{font-size:18px}.tn113-auth-shell{width:calc(100% - 24px);padding-top:20px}.tn113-story-copy h1{font-size:34px}.tn113-auth-card,.tn113-register-card{padding:22px 18px}.tn113-card-head h2{font-size:28px}.tn113-field-grid{grid-template-columns:1fr}.tn113-register-actions{grid-template-columns:100px 1fr}.tn113-form-row{align-items:flex-start;flex-direction:column;gap:7px}.tn113-auth-footer{flex-direction:column;justify-content:center;text-align:center}.tn113-auth-footer nav{gap:13px;flex-wrap:wrap;justify-content:center}.tn113-steps>span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.tn113-primary,.tn113-secondary,.tn113-passkey-btn,.tn113-role-card,.tn113-form input,.tn113-form textarea{transition:none!important}}