.nam-access-transition{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;overflow:auto;background:radial-gradient(ellipse at 50% 30%,#193f5c 0,#0a1a2b 45%,#050c16 100%);color:#f1f7ff;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;animation:nam-access-enter .45s ease both;text-align:center;padding:24px;isolation:isolate}.nam-access-transition *{box-sizing:border-box}.nam-access-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#98d9ff05 1px,transparent 1px),linear-gradient(90deg,#98d9ff05 1px,transparent 1px);background-size:58px 58px;mask-image:radial-gradient(ellipse,#000,transparent 75%)}.nam-access-shell{width:min(600px,100%);margin:auto}.nam-access-brand{font-size:24px;font-weight:850;letter-spacing:-1px;color:white}.nam-access-brand>span{color:#80c7fa}.nam-access-brand>small{display:block;font-size:8px;letter-spacing:3px;font-weight:550;margin:8px 0 32px;color:#88a6bc}.nam-access-console{position:relative;margin:0 auto 35px;width:min(340px,80vw);height:206px;border:1px solid #718ca66b;border-radius:16px;background:linear-gradient(145deg,#547b9833,#1e344b44 30%,#071321ee);box-shadow:inset 0 1px 1px #e1f7ff35,inset 0 -1px 1px #0009,0 28px 45px #0007,0 0 60px #65b7ed16;transform:perspective(900px) rotateX(7deg) rotateY(-8deg);animation:nam-console-settle 2.6s ease both;overflow:visible}.nam-console-reflection{position:absolute;inset:0;overflow:hidden;border-radius:16px;pointer-events:none}.nam-console-reflection:after{content:'';position:absolute;inset:-100%;background:linear-gradient(110deg,transparent 44%,#c3edff0e 48%,#e7f8ff33 50%,transparent 55%);transform:translateX(-40%);animation:nam-console-sheen 2.8s ease both}.nam-console-top{display:flex;align-items:center;gap:5px;height:30px;padding:0 12px;border-bottom:1px solid #91b4d220}.nam-console-top>i{width:4px;height:4px;border-radius:50%;background:#7191aa}.nam-console-top>span{margin-left:auto;font-size:7px;letter-spacing:2px;color:#94b6ce}.nam-console-content{display:flex;gap:15px;padding:17px}.nam-console-rail{width:36px;display:grid;gap:10px;align-content:start}.nam-console-rail>b{height:5px;border-radius:4px;background:#749ab72b}.nam-console-rail>b:first-child{background:#ffad716b}.nam-console-main{flex:1}.nam-console-tiles{display:flex;gap:8px;margin-bottom:13px}.nam-console-tiles>i{flex:1;height:30px;border:1px solid #80b8dd24;border-top:2px solid #80c7fa75;border-radius:4px;background:linear-gradient(#1e476254,#132e4833)}.nam-console-main>svg{display:block;width:100%;height:75px;stroke-dasharray:400;stroke-dashoffset:400;animation:nam-chart-draw 1.7s .3s ease forwards}.nam-access-switch{position:absolute;bottom:-24px;left:50%;transform:translateX(-50%);width:116px;height:59px;padding:5px;border-radius:40px;background:linear-gradient(150deg,#c4d4df,#566d80 30%,#253c50 65%,#9fbbcd);box-shadow:0 8px 18px #0009,inset 0 1px 0 #fff7}.nam-switch-inset{position:relative;width:100%;height:100%;border-radius:30px;background:linear-gradient(#010a12,#183349);box-shadow:inset 0 3px 9px #000b,inset 0 -1px 0 #d7efff50;overflow:hidden}.nam-switch-light{position:absolute;inset:2px;border-radius:25px;background:linear-gradient(90deg,#116e65,#58d4ae);opacity:0;animation:nam-toggle-glow .6s .7s ease forwards;box-shadow:inset 0 2px 8px #021e1c}.nam-switch-knob{position:absolute;top:3px;left:3px;width:43px;height:43px;display:grid;place-items:center;border-radius:50%;color:#4d6c7d;background:radial-gradient(circle at 35% 25%,#fff,#dbe7ef 46%,#a6b9ca 80%,#6e879c);border:1px solid #effaff8a;box-shadow:0 2px 5px #000a,inset 0 1px 1px #fff,0 0 0 2px #0002;animation:nam-toggle-on .9s .6s cubic-bezier(.18,.8,.2,1) forwards}.nam-switch-knob svg{width:23px;height:23px}.nam-access-eyebrow{font-size:10px;letter-spacing:4px;font-weight:650;color:#ffb477;margin:0 0 12px}.nam-access-transition h1{font-size:clamp(26px,5vw,40px);line-height:1.17;letter-spacing:-1.2px;margin:0 0 14px;font-weight:650;color:#f1f7ff}.nam-access-name{font-size:17px;color:#b9d4e8;margin:0 0 18px}.nam-access-portfolios{display:flex;justify-content:center;align-items:center;gap:15px;font-size:9px;letter-spacing:2px;color:#87a8c0}.nam-access-portfolios>i{width:3px;height:3px;border-radius:50%;background:#ffb477}.nam-access-progress{height:2px;width:150px;background:#42617a66;border-radius:3px;margin:26px auto 12px;overflow:hidden}.nam-access-progress>i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#7ac6fa,#b6e3ff,#ffb477);transform:translateX(-100%);animation:nam-access-progress 7.5s .1s ease forwards}.nam-access-state{font-size:11px;letter-spacing:.6px;color:#7fa0b9;margin:0}.nam-access-ready .nam-access-state{color:#79dcb6}@keyframes nam-access-enter{from{opacity:0;transform:scale(1.015)}to{opacity:1;transform:scale(1)}}@keyframes nam-console-settle{to{transform:perspective(900px) rotateX(0) rotateY(0)}}@keyframes nam-console-sheen{to{transform:translateX(40%)}}@keyframes nam-chart-draw{to{stroke-dashoffset:0}}@keyframes nam-toggle-on{to{transform:translateX(55px);color:#187365}}@keyframes nam-toggle-glow{to{opacity:1}}@keyframes nam-access-progress{to{transform:translateX(0)}}@media(max-height:700px){.nam-access-brand>small{margin-bottom:20px}.nam-access-console{height:172px;width:280px}.nam-console-main>svg{height:55px}.nam-access-transition h1{font-size:28px}.nam-access-progress{margin-top:20px}}@media(prefers-reduced-motion:reduce){.nam-access-transition,.nam-access-transition *,.nam-access-transition *:after{animation:none!important}.nam-access-console{transform:none}.nam-switch-knob{transform:translateX(55px)}.nam-switch-light{opacity:1}.nam-console-main>svg{stroke-dashoffset:0}.nam-access-progress>i{transform:none}}

.remember-device:not([hidden]),.nam-remember:not([hidden]){animation:nam-remember-appear .22s ease both}@keyframes nam-remember-appear{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.remember-device,.nam-remember{animation:none!important}}

.nam-access-brand img{display:block;width:220px;height:auto;margin:0 auto 30px}.nam-wordmark img{display:block;width:200px;max-width:100%;height:auto}.login-card .nam-wordmark{display:block;margin-bottom:28px}

/* Original TBMQBR artwork; NAM white letter outlines are baked into its PNG. */
.nam-access-brand .nam-access-tbm{display:block;width:270px;max-width:90%;height:auto;margin:0 auto 22px;filter:none}
.nam-access-brand .nam-access-nam{display:block;width:190px;height:auto;margin:0 auto 24px;filter:none}
.login-card .nam-brand-pair{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:28px}
.login-card .nam-brand-pair .brand{display:block;min-width:0;margin:0;line-height:1;filter:none}
.login-card .nam-brand-pair .tbmqbr-wordmark img{display:block;width:210px;max-width:100%;height:auto}
.login-card .nam-brand-pair .nam-wordmark img{display:block;width:160px;max-width:100%;height:auto;filter:none}
@media(max-width:420px){.login-card .nam-brand-pair{gap:15px}.login-card .nam-brand-pair .tbmqbr-wordmark img{width:170px}.login-card .nam-brand-pair .nam-wordmark img{width:125px}}
@media(max-height:700px){.nam-access-brand .nam-access-tbm{width:230px;margin-bottom:14px}.nam-access-brand .nam-access-nam{width:160px;margin-bottom:20px}}