:root{--motion-fast:160ms;--motion-base:260ms;--motion-ease:cubic-bezier(.2,.7,.2,1)}
.login-shell{grid-template-columns:minmax(0,1fr) 404px;gap:88px;max-width:1180px;padding:48px 44px;min-height:100dvh}
.login-brand{min-height:650px;border-left:0;padding-left:0;display:flex;flex-direction:column;align-items:flex-start}
.wordmark{font-size:25px;letter-spacing:-1.3px}
.login-brand .sculpture-large{width:390px;height:345px;max-width:100%;margin:0 0 12px -10px;flex:none}
.login-brand h1{font-size:clamp(48px,5vw,68px);font-weight:600;letter-spacing:-3.5px;line-height:1.04;margin-top:15px}
.login-brand>.eyebrow{font-size:10px;letter-spacing:1.8px;color:var(--gold)}
.login-description{margin-top:22px;font-size:14px;line-height:1.8;color:var(--muted);letter-spacing:.1px}
.login-card{border-radius:16px;padding:38px 34px 34px;background:#161618;border-color:#343438;box-shadow:0 28px 80px #0003;animation-duration:.6s}
.login-card:before{display:none}
.login-card>.overline{color:var(--gold);letter-spacing:2px}
.login-card h2{font-size:28px;font-weight:600;letter-spacing:-1px;margin-bottom:34px}
.login-card label{font-size:13px;margin-top:22px}
.login-card input{min-height:50px;background:#111113;border-color:#3d3d42;border-radius:8px}
.login-card .primary{min-height:50px;border-radius:8px;font-size:13px;font-weight:700;box-shadow:none}
.login-card .error{margin:10px 0;min-height:22px}
.login-card .password-field button{min-height:46px;top:2px;font-size:11px}
[data-seal] canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity 450ms var(--motion-ease);pointer-events:none}
[data-seal].is-3d canvas{opacity:1}
[data-seal].is-3d>.sculpture-ring,[data-seal].is-3d>.sculpture-core,[data-seal].is-3d>.sculpture-pin{display:none}
button{transition:background var(--motion-fast),border-color var(--motion-fast),transform var(--motion-fast) var(--motion-ease),box-shadow var(--motion-fast)}
button:hover:not(:disabled){transform:translateY(-1px);box-shadow:none}
button.primary:hover:not(:disabled){box-shadow:0 4px 18px #e5bb6514}
button:active:not(:disabled){transform:translateY(0) scale(.985)}
.sidebar{padding-top:28px;background:#111113}
.nav-item{border-radius:8px;position:relative;min-height:47px}
.nav-item.active{background:#232325;border-color:#353539;box-shadow:inset 2px 0 0 var(--gold)}
.nav-item:hover:not(:disabled){transform:none}
.sidebar-emblem{height:100px;opacity:.65;margin-top:40px}
.sidebar-emblem i{animation:none;transform:rotate(-26deg)}
.sidebar-emblem span{font-family:Manrope,sans-serif;font-weight:800;font-style:normal;font-size:78px}
.topbar{height:72px}
.registry-intro{min-height:180px;padding-bottom:24px}
.registry-intro h1{font-size:38px;letter-spacing:-1.8px;font-weight:550}
.registry-intro .panel-heading-gold{animation:none;background:none;color:var(--gold);-webkit-text-fill-color:var(--gold)}
.registry-intro>.intro-art{margin-right:20px;opacity:.85}
.intro-art .sculpture{width:160px;height:160px}
.intro-art .sculpture-ring,.intro-art .sculpture-core,.intro-art .sculpture-pin{animation:none}
.intro-art .art-caption{display:none}
.page-head{margin-bottom:24px}
.page-head h1{font-size:32px;font-weight:600}
.panel{border-radius:12px;border-color:#353539}
.stats{gap:14px}
.stats article{border-radius:10px;box-shadow:none;transition:border-color var(--motion-base)}
.stats article:hover{transform:none;border-color:#5e5e65}
.stats strong{font-size:34px;letter-spacing:-1.5px;font-weight:550;font-variant-numeric:tabular-nums}
.stats article>span{font-size:12px}
.record{animation:none;transition:background var(--motion-fast);min-height:88px}
.record:hover{background:#202023}
.record-note{font-size:12px}
.record-devices,.record-expiry{font-size:12px}
.table-head{font-size:10px;letter-spacing:.6px;padding-top:18px;padding-bottom:18px}
.row-menu summary{transition:background var(--motion-fast),border-color var(--motion-fast);border-color:#424248}
.row-menu[open]>div{animation:panel-menu-in var(--motion-fast) var(--motion-ease)}
.row-menu button{font-size:13px}
.view:not([hidden]){animation:panel-view-in var(--motion-base) var(--motion-ease) both}
dialog[open]{animation:panel-dialog-in var(--motion-base) var(--motion-ease)}
dialog::backdrop{backdrop-filter:blur(4px);background:#08080bc9}
.notice{animation:panel-menu-in var(--motion-base) var(--motion-ease);border-radius:9px;box-shadow:0 12px 36px #0005}
.preview-token{animation:token-float 12s ease-in-out infinite}
@keyframes panel-view-in{from{opacity:.5;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes panel-menu-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@keyframes panel-dialog-in{from{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(min-width:1500px){.registry-intro{min-height:200px}.registry-intro h1{font-size:44px}}
@media(max-width:1000px){.login-shell{gap:38px;padding:38px 30px;grid-template-columns:minmax(0,1fr) 360px}.login-brand .sculpture-large{width:330px;height:320px}.login-brand h1{font-size:54px}.login-card{padding:30px}.registry-intro h1{font-size:34px}}
@media(max-width:760px){.login-shell{display:flex;flex-direction:column;align-items:stretch;max-width:540px;gap:28px;padding:30px 24px 46px}.login-brand{min-height:260px;display:block;position:relative}.login-brand .sculpture-large{position:absolute;right:-10px;top:10px;left:auto;width:200px;height:240px;margin:0;opacity:.95}.login-brand>.eyebrow{margin-top:44px;font-size:9px;max-width:190px;letter-spacing:1.3px}.login-brand h1{font-size:46px;letter-spacing:-2.4px;margin-top:16px;position:relative;max-width:270px}.login-description{font-size:12px;margin-top:18px;max-width:240px}.login-card{padding:28px}.login-card h2{font-size:25px;margin-bottom:26px}.record-devices,.record-expiry{font-size:10px}.record-note{font-size:11px}.registry-intro{min-height:148px}.registry-intro h1{font-size:30px}.intro-art .sculpture{width:120px;height:120px}.sidebar-emblem{display:none}.table-head{font-size:10px}}
@media(max-width:380px){.login-shell{padding:24px 18px 36px}.login-brand .sculpture-large{right:-13px;width:150px;height:200px;top:20px}.login-brand h1{font-size:40px}.login-card{padding:24px}.login-brand>.eyebrow{font-size:8px}}
@media(prefers-reduced-motion:reduce){.view:not([hidden]),dialog[open],.notice,.preview-token{animation:none}[data-seal] canvas{transition:none}button,button:active:not(:disabled){transform:none!important}}