:root{--tn-ink:#152647;--tn-blue:#1647ad;--tn-yellow:#ffd35b;--tn-muted:#52617a;--tn-line:#ccd7e7;--tn-bg:#f4f7fc}
.tn-app{margin:0;background:var(--tn-bg);color:var(--tn-ink);font:17px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.tn-app *{box-sizing:border-box}.tn-app a{color:#123e99;text-underline-offset:4px}.tn-app button,.tn-app select,.tn-app input{font:inherit}.tn-app button,.tn-app .tn-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border:1px solid transparent;border-radius:12px;padding:10px 18px;background:var(--tn-blue);color:white;cursor:pointer;text-decoration:none;font-weight:700}.tn-app button:disabled{background:#e5eaf2;color:#59677b;cursor:default}.tn-app button.secondary,.tn-app .tn-button.secondary{background:white;color:var(--tn-ink);border:1px solid var(--tn-line)}.tn-app :focus-visible,.tn-account :focus-visible{outline:3px solid #1647ad;outline-offset:4px}.tn-app h1{font-size:clamp(1.9rem,4vw,3rem);line-height:1.12;letter-spacing:-.04em;margin:.4em 0}.tn-app h2{font-size:1.4rem;line-height:1.3;margin:0 0 12px}.tn-app h3{font-size:1.1rem;line-height:1.4;margin:0 0 8px}.tn-app p{margin:0 0 16px}.tn-app small,.tn-muted{color:var(--tn-muted)}.tn-header{padding:18px max(24px,calc((100vw - 1240px)/2));display:flex;justify-content:space-between;align-items:center;gap:20px;background:#fff;border-bottom:1px solid var(--tn-line)}.tn-brand{display:flex;gap:12px;align-items:center;text-decoration:none!important;color:var(--tn-ink)!important;font-weight:900;letter-spacing:.07em;line-height:1.25}.tn-brand img{object-fit:contain}.tn-brand small{display:block;font-size:.7rem;letter-spacing:.03em;font-weight:600;margin-top:5px}.tn-user{display:flex;gap:14px;align-items:center}.tn-user span{font-size:.85rem;font-weight:650}.tn-user button{font-size:.85rem;padding:8px 12px}.tn-app main{max-width:1240px;margin:0 auto;padding:34px 24px 64px;min-height:70vh}.tn-app #mode-banner{padding:10px 24px;background:#ffebad;color:#47320b;font-size:.85rem;text-align:center;font-weight:650}.tn-eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:800;color:#234d9d}.tn-hero{display:grid;grid-template-columns:1.1fr 1fr;background:#13264d;color:#fff;border-radius:24px;overflow:hidden;margin-bottom:24px}.tn-hero>div{padding:38px}.tn-hero .tn-eyebrow{color:#ffdc79}.tn-hero p{color:#e4eafb}.tn-hero img{height:100%;width:100%;object-fit:cover;max-height:400px}.tn-login-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:24px}.tn-panel{background:#fff;border:1px solid var(--tn-line);border-radius:18px;padding:26px}.tn-panel+.tn-panel{margin-top:22px}.tn-login-grid .tn-panel{margin:0}.tn-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tn-profile-grid button{text-align:left;justify-content:flex-start}.tn-profile-grid button:last-child{grid-column:1/-1}.tn-note{padding:14px 18px;border-left:4px solid #e1a817;background:#fff6d9;border-radius:0 10px 10px 0;font-size:.9rem}.tn-summary{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.tn-tag{display:inline-flex;padding:4px 10px;border-radius:30px;border:1px solid var(--tn-line);background:#fff;font-size:.8rem;font-weight:650}.tn-courses{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:24px}.tn-course{background:white;border:1px solid var(--tn-line);border-radius:18px;padding:26px;display:flex;flex-direction:column;gap:14px}.tn-course p{margin:0}.tn-course .tn-button{align-self:flex-start}.tn-course progress{width:100%;accent-color:var(--tn-blue);height:13px}.tn-course .tn-eyebrow{display:flex;justify-content:space-between}.tn-course h2{margin:0}.tn-filters{display:flex;gap:18px;flex-wrap:wrap;align-items:flex-end;margin:24px 0}.tn-app label{display:flex;flex-direction:column;gap:5px;font-size:.9rem;font-weight:650}.tn-app select,.tn-app input{max-width:100%;padding:10px 12px;min-height:46px;border:1px solid #9baac1;border-radius:9px;color:var(--tn-ink);background:white}.tn-table-wrap{overflow-x:auto;background:#fff;border:1px solid var(--tn-line);border-radius:14px}.tn-app table{border-collapse:collapse;width:100%;font-size:.9rem}.tn-app th,.tn-app td{padding:14px 16px;text-align:left;border-bottom:1px solid #e5ebf4;vertical-align:top}.tn-app th{background:#eaf0f9;font-size:.8rem}.tn-app td small{display:block}.tn-app td button{min-height:38px;padding:6px 10px;font-size:.8rem}.tn-heading{display:flex;justify-content:space-between;gap:18px;align-items:center}.tn-enrollment{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.tn-enrollment button{grid-column:1/-1;justify-self:start}.tn-details{display:grid;grid-template-columns:1fr 1fr;gap:22px}.tn-details>.tn-panel{margin-top:0}.tn-answer{padding:14px 0;border-bottom:1px solid #e0e7f2}.tn-answer p{margin:0}.tn-result{font-weight:700;font-size:.85rem}.tn-result.ok{color:#165736}.tn-result.try{color:#865000}.tn-event-list{padding-left:22px;font-size:.9rem}.tn-event-list li{margin:10px 0}.tn-error{padding:18px;border:1px solid #b3404a;background:#fff2f3;border-radius:12px;color:#81232e}.tn-toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:200;max-width:90vw;padding:14px 22px;border:1px solid #ced8e9;background:#fff;box-shadow:0 8px 30px #12254b30;border-radius:12px}.tn-footer{max-width:1240px;margin:0 auto;padding:24px;display:flex;justify-content:space-between;gap:20px;font-size:.8rem;color:var(--tn-muted)}.tn-skip{position:fixed;top:-100px;left:12px;background:#fff;padding:12px;z-index:500}.tn-skip:focus{top:10px}.tn-loading{padding:40px;text-align:center}.tn-account{font:14px/1.4 system-ui,sans-serif;display:flex;gap:14px;align-items:center;flex-wrap:wrap;background:#fff3c8;color:#283753;border-bottom:1px solid #dbbd65;padding:10px 24px}.tn-account a{color:#153e89;font-weight:750}.tn-account button{font:inherit;min-height:36px;padding:6px 12px;border:1px solid #71819b;background:white;color:#203251;border-radius:8px;cursor:pointer}.tn-account #tn-save{margin-left:auto}.tn-account .tn-save-error{font-weight:700;color:#89232d}.tn-account #tn-retry{font-weight:700}.tn-app [hidden],.tn-account [hidden]{display:none!important}
@media(max-width:800px){.tn-hero{grid-template-columns:1fr}.tn-hero img{max-height:235px;order:-1}.tn-hero>div{padding:24px}.tn-login-grid,.tn-details{grid-template-columns:1fr}.tn-header{padding:14px 18px;align-items:flex-start}.tn-user{flex-direction:column;align-items:flex-end;gap:6px}.tn-brand{font-size:.9rem}.tn-brand img{width:44px;height:44px}.tn-app main{padding:24px 18px 44px}.tn-courses{grid-template-columns:1fr}.tn-footer{flex-direction:column;gap:6px}.tn-heading{align-items:flex-start;flex-direction:column}.tn-account{padding:10px 14px;gap:8px;font-size:12px}.tn-account #tn-save{margin-left:0;flex:1 1 100%}}
@media(max-width:420px){.tn-profile-grid,.tn-enrollment{grid-template-columns:1fr}.tn-panel,.tn-course{padding:20px}.tn-brand small{font-size:.6rem}.tn-user span{max-width:130px;text-align:right}.tn-app h1{font-size:1.9rem}}
@media(prefers-reduced-motion:reduce){.tn-app *,.tn-account *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}