/* TLD Login Terminal R45 — compact asymmetric ACCESS CORE, page scoped only */
body.tld-login-terminal{
    --lg-gold:#d5a84f;
    --lg-gold2:#ffd36d;
    --lg-amber:#9b681d;
    --lg-cream:#f6efe2;
    --lg-text:#ddd3c1;
    --lg-muted:#a79b86;
    --lg-dark:#050605;
    --lg-line:rgba(213,168,79,.46);
}

/* Keep the login page inside the desktop viewport without changing any other page. */
body.tld-login-terminal .shell{
    width:min(1260px,calc(100% - 34px));
    padding:0 0 10px;
}
body.tld-login-terminal .fog{opacity:.025}
body.tld-login-terminal .tracker-maintenance-banner{position:relative;z-index:20}

.login-command-shell{
    position:relative;
    width:min(1180px,100%);
    margin:14px auto 8px;
    color:var(--lg-cream);
    background:transparent;
    filter:drop-shadow(0 24px 36px rgba(0,0,0,.48));
}

/* Thin command rail instead of a giant enclosing rectangle. */
.login-command-toprail,
.login-command-footer{
    position:relative;
    z-index:5;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:9px 17px;
    min-height:34px;
    color:#c7b486;
    background:linear-gradient(90deg,rgba(10,10,8,.94),rgba(22,18,10,.82) 52%,rgba(6,7,6,.94));
    border-top:1px solid rgba(213,168,79,.58);
    border-bottom:1px solid rgba(213,168,79,.27);
    font:900 10px/1.15 ui-monospace,SFMono-Regular,Consolas,monospace;
    letter-spacing:.16em;
    clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,18px 100%,0 calc(100% - 12px));
}
.login-command-toprail:before,
.login-command-footer:before{
    content:"";
    position:absolute;
    left:18px;
    bottom:0;
    width:28%;
    height:2px;
    background:linear-gradient(90deg,var(--lg-gold2),transparent);
    box-shadow:0 0 10px rgba(255,211,109,.42);
}
.login-node-status{color:#79e4a2;white-space:nowrap}
.login-node-status i{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#66e79a;box-shadow:0 0 12px #66e79a}

.login-command-grid{
    position:relative;
    display:grid;
    grid-template-columns:minmax(380px,.82fr) minmax(500px,1.18fr);
    gap:14px;
    margin-top:10px;
    height:min(664px,calc(100dvh - 158px));
    min-height:560px;
}

/* LEFT BRIEFING WING */
.login-intel-panel{
    position:relative;
    min-width:0;
    padding:28px 30px 22px;
    overflow:hidden;
    background:
      radial-gradient(circle at 12% 12%,rgba(213,168,79,.12),transparent 27%),
      linear-gradient(rgba(213,168,79,.03) 1px,transparent 1px) 0 0/100% 28px,
      linear-gradient(90deg,rgba(213,168,79,.025) 1px,transparent 1px) 0 0/34px 100%,
      linear-gradient(145deg,rgba(13,13,10,.93),rgba(4,5,4,.82));
    clip-path:polygon(0 0,calc(100% - 42px) 0,100% 42px,100% calc(100% - 74px),calc(100% - 28px) calc(100% - 46px),calc(100% - 28px) 100%,24px 100%,0 calc(100% - 24px));
}
.login-intel-panel:before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
      linear-gradient(var(--lg-gold2),var(--lg-gold2)) left top/84px 2px no-repeat,
      linear-gradient(var(--lg-gold2),var(--lg-gold2)) left top/2px 94px no-repeat,
      linear-gradient(rgba(213,168,79,.62),rgba(213,168,79,.62)) right 42px top/86px 1px no-repeat,
      linear-gradient(rgba(213,168,79,.38),rgba(213,168,79,.38)) left 24px bottom/112px 1px no-repeat;
    opacity:.9;
}
.login-intel-panel:after{
    content:"BRIEFING WING // NODE L-01";
    position:absolute;
    right:48px;
    top:11px;
    color:#6f644f;
    font:900 8px/1 ui-monospace,monospace;
    letter-spacing:.16em;
}
.login-intel-kicker,.login-eyebrow{
    font:900 11px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;
    letter-spacing:.16em;
    color:var(--lg-gold2);
}
.login-intel-panel h1{
    margin:12px 0 12px;
    font-size:clamp(38px,3.55vw,58px);
    line-height:.91;
    letter-spacing:-.045em;
    color:#f7f1e7;
    text-shadow:0 5px 24px #000;
}
.login-intel-panel h1 span{color:var(--lg-gold2)}
.login-intro{
    max-width:535px;
    margin:0;
    color:#d7cebd;
    font-size:15.5px;
    line-height:1.5;
}
.login-system-matrix{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin:18px 0 10px;
}
.login-system-matrix>div{
    position:relative;
    min-height:52px;
    padding:9px 32px 8px 11px;
    border-left:2px solid rgba(213,168,79,.56);
    border-top:1px solid rgba(213,168,79,.18);
    border-bottom:1px solid rgba(213,168,79,.2);
    background:linear-gradient(90deg,rgba(213,168,79,.055),rgba(2,4,3,.62));
    clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);
}
.login-system-matrix span{display:block;color:#a79a82;font:900 9px/1.2 ui-monospace,monospace;letter-spacing:.12em}
.login-system-matrix strong{display:block;margin-top:6px;font:900 12px/1 ui-monospace,monospace;color:#f0e5cf}
.login-system-matrix i{position:absolute;right:11px;bottom:12px;width:7px;height:7px;border-radius:50%;background:#67e198;box-shadow:0 0 10px #67e198}

.login-visual-core{
    position:absolute;
    left:50%;
    bottom:52px;
    width:min(220px,54%);
    aspect-ratio:1;
    transform:translateX(-50%);
    display:grid;
    place-items:center;
    opacity:.9;
}
.login-orbit{position:absolute;border:1px solid rgba(213,168,79,.31);border-radius:50%;box-shadow:inset 0 0 18px rgba(213,168,79,.025)}
.orbit-a{inset:5%;border-width:2px}.orbit-b{inset:19%;border-style:dashed;animation:tldOrbit 20s linear infinite}.orbit-c{inset:33%;border-color:rgba(255,211,109,.7);border-width:2px}
.login-core-mark{width:66px;height:66px;display:grid;place-items:center;border:2px solid var(--lg-gold2);background:rgba(12,11,8,.9);font:1000 20px/1 ui-monospace,monospace;letter-spacing:.08em;color:var(--lg-gold2);box-shadow:0 0 26px rgba(213,168,79,.18),inset 0 0 18px rgba(213,168,79,.1)}
.login-scan-line{position:absolute;left:7%;right:7%;top:50%;height:1px;background:linear-gradient(90deg,transparent,var(--lg-gold2),transparent);box-shadow:0 0 10px rgba(255,211,109,.65)}
.login-protocol-strip{position:absolute;left:20px;right:48px;bottom:18px;display:flex;justify-content:center;gap:14px;flex-wrap:wrap;color:#a5967d;font:900 9px/1 ui-monospace,monospace;letter-spacing:.12em}
@keyframes tldOrbit{to{transform:rotate(360deg)}}

/* RIGHT ACCESS CORE — separate floating angular module, not a box inside a box. */
.login-access-panel{
    position:relative;
    align-self:center;
    min-width:0;
    height:calc(100% - 38px);
    max-height:610px;
    padding:28px 30px 22px 42px;
    overflow:hidden;
    background:
      radial-gradient(circle at 92% 9%,rgba(213,168,79,.15),transparent 25%),
      linear-gradient(rgba(213,168,79,.028) 1px,transparent 1px) 0 0/100% 30px,
      linear-gradient(90deg,rgba(213,168,79,.02) 1px,transparent 1px) 0 0/38px 100%,
      linear-gradient(135deg,rgba(18,16,10,.95),rgba(4,6,5,.91));
    clip-path:polygon(30px 0,calc(100% - 54px) 0,100% 54px,100% calc(100% - 36px),calc(100% - 36px) 100%,0 100%,0 30px);
}
.login-access-panel:before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
      linear-gradient(var(--lg-gold2),var(--lg-gold2)) left 30px top/2px 84px no-repeat,
      linear-gradient(var(--lg-gold2),var(--lg-gold2)) left top 30px/108px 2px no-repeat,
      linear-gradient(rgba(213,168,79,.7),rgba(213,168,79,.7)) right 54px top/132px 1px no-repeat,
      linear-gradient(rgba(213,168,79,.42),rgba(213,168,79,.42)) right 36px bottom/154px 1px no-repeat,
      linear-gradient(180deg,rgba(255,211,109,.9),rgba(213,168,79,.13) 48%,transparent 90%) left 13px top 90px/3px 54% no-repeat;
    filter:drop-shadow(0 0 6px rgba(255,211,109,.2));
}
.login-access-panel:after{
    content:"ACCESS CORE // VERIFIED";
    position:absolute;
    right:54px;
    bottom:10px;
    color:#6f6550;
    font:900 8px/1 ui-monospace,monospace;
    letter-spacing:.16em;
}

.login-panel-heading{
    position:relative;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:16px;
    padding:2px 0 14px;
    border-bottom:1px solid rgba(213,168,79,.36);
}
.login-panel-heading:before{content:"";position:absolute;left:0;bottom:-2px;width:92px;height:3px;background:var(--lg-gold2);box-shadow:0 0 10px rgba(255,211,109,.46)}
.login-panel-heading h2{margin:6px 0 0;font-size:29px;letter-spacing:.015em;color:#f7f0e5}
.login-lock-badge{
    width:54px;height:54px;display:grid;place-items:center;
    border:1px solid rgba(213,168,79,.72);
    background:linear-gradient(145deg,rgba(213,168,79,.12),rgba(0,0,0,.24));
    clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);
}
.login-lock-badge span{font-size:18px;color:var(--lg-gold2)}
.login-lock-badge small{font:900 8px/1 ui-monospace,monospace;color:#b5a47f;letter-spacing:.14em}

.login-alert{display:grid;grid-template-columns:auto 1fr;gap:12px;margin:12px 0 0;padding:11px 13px;border-left:3px solid;font-size:14px;line-height:1.4}.login-alert b{font:900 10px/1.4 ui-monospace,monospace;letter-spacing:.1em}.login-alert.error{border-color:#f26056;background:rgba(91,20,18,.3);color:#f1c8c4}.login-alert.success{border-color:#62d98e;background:rgba(20,79,45,.26);color:#c5efd4}

.login-terminal-form{position:relative;display:grid;gap:12px;margin-top:15px;padding-left:17px}
.login-terminal-form:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:2px;background:linear-gradient(180deg,var(--lg-gold2),rgba(213,168,79,.24),transparent)}
.login-terminal-form:after{content:"01\A02";white-space:pre;position:absolute;left:-16px;top:16px;color:#9a7932;font:900 8px/7.2 ui-monospace,monospace;letter-spacing:.04em}
.login-field{
    display:grid;
    grid-template-columns:auto 1fr;
    column-gap:10px;
    row-gap:6px;
    margin:0;
    padding:9px 10px 8px;
    border-top:1px solid rgba(213,168,79,.28);
    border-right:1px solid rgba(213,168,79,.17);
    border-bottom:1px solid rgba(213,168,79,.22);
    background:linear-gradient(90deg,rgba(213,168,79,.055),rgba(0,0,0,.11));
    clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,12px 100%,0 calc(100% - 12px));
}
.login-field .field-id{grid-column:1;color:var(--lg-gold2);font:900 11px/1 ui-monospace,monospace;letter-spacing:.1em;padding-top:3px}
.login-field .field-label{grid-column:2;color:#eee3cf;font:900 13px/1 ui-monospace,monospace;letter-spacing:.1em}
.login-field .field-control{grid-column:1/-1;display:grid;grid-template-columns:44px 1fr;align-items:center;border:1px solid rgba(213,168,79,.44);background:rgba(2,4,3,.83);transition:.18s;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}
.login-field .field-control:focus-within{border-color:var(--lg-gold2);box-shadow:0 0 18px rgba(213,168,79,.14),inset 3px 0 var(--lg-gold2)}
.login-field .field-icon{height:100%;display:grid;place-items:center;border-right:1px solid rgba(213,168,79,.26);color:var(--lg-gold2);font-size:17px;background:linear-gradient(180deg,rgba(213,168,79,.06),transparent)}
.login-field input{height:46px;border:0!important;border-radius:0!important;background:transparent!important;color:#f5edde!important;font-size:16px!important;padding:0 13px!important;box-shadow:none!important}
.login-field input::placeholder{color:#847d70}
.login-field small{grid-column:1/-1;color:#b3a795;font:800 11.5px/1.35 ui-monospace,monospace;letter-spacing:.035em}

.login-enter-btn{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    width:100%;
    min-height:50px;
    margin-top:1px;
    padding:0 17px;
    border:1px solid #d2a44f;
    background:linear-gradient(90deg,#82591c,#4a3212 55%,#15120d);
    color:#fff2cc;
    cursor:pointer;
    clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));
    box-shadow:inset 0 0 20px rgba(255,211,109,.08),0 0 18px rgba(213,168,79,.06);
    transition:.18s;
}
.login-enter-btn:before{content:"";position:absolute;left:18px;right:18px;bottom:5px;height:1px;background:linear-gradient(90deg,var(--lg-gold2),transparent 72%);opacity:.8}
.login-enter-btn:hover{border-color:#ffd36d;filter:brightness(1.12);box-shadow:0 0 25px rgba(213,168,79,.18),inset 0 0 22px rgba(255,211,109,.12)}
.login-enter-btn span{font:900 10px/1 ui-monospace,monospace;letter-spacing:.13em}.login-enter-btn b{font-size:15px;letter-spacing:.03em}

.login-secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.login-secondary-actions a{display:block;padding:10px 11px;border-left:2px solid rgba(213,168,79,.52);border-top:1px solid rgba(213,168,79,.18);border-bottom:1px solid rgba(213,168,79,.2);background:linear-gradient(90deg,rgba(213,168,79,.045),rgba(3,4,3,.43));text-decoration:none;color:#ece3d3;transition:.16s;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}
.login-secondary-actions a:hover{border-color:#e2b85e;background:rgba(213,168,79,.08)}
.login-secondary-actions span{display:block;color:#aca08d;font:900 9px/1 ui-monospace,monospace;letter-spacing:.12em}
.login-secondary-actions b{display:block;margin-top:5px;font-size:12.5px}

.login-discord-channel{display:grid;grid-template-columns:1fr minmax(112px,150px);align-items:center;gap:12px;margin-top:10px;padding:10px 8px 10px 12px;border-top:1px solid rgba(213,168,79,.22);border-bottom:1px solid rgba(213,168,79,.18);background:linear-gradient(90deg,rgba(0,0,0,.22),rgba(213,168,79,.025));clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%)}
.login-discord-channel span{display:block;color:#aaa08d;font:900 9px/1 ui-monospace,monospace;letter-spacing:.12em}
.login-discord-channel strong{display:block;margin:5px 0 3px;font-size:13px;color:#f0e4cc}
.login-discord-channel small{color:#aaa296;font-size:11.5px}
.login-discord-channel a{display:block;text-align:right}.login-discord-channel img{display:inline-block;width:min(100%,145px);height:auto;max-height:42px;object-fit:contain}

.login-command-footer{margin-top:10px}

@media (min-width:1101px){
    /* If the available viewport is short, scale decorative pieces first, never the form. */
    @media (max-height:820px){
      .login-command-grid{height:calc(100dvh - 138px);min-height:520px}
      .login-intel-panel{padding:22px 25px 18px}
      .login-intel-panel h1{font-size:42px}
      .login-intro{font-size:14.5px;line-height:1.42}
      .login-system-matrix{margin:13px 0 8px}.login-system-matrix>div{min-height:48px}
      .login-visual-core{width:175px;bottom:45px}
      .login-access-panel{padding:22px 26px 18px 38px;max-height:none}
      .login-panel-heading h2{font-size:26px}
      .login-terminal-form{margin-top:11px;gap:9px}
      .login-field{padding-top:7px;padding-bottom:7px}.login-field input{height:42px}
      .login-secondary-actions{margin-top:8px}.login-discord-channel{margin-top:8px;padding-top:8px;padding-bottom:8px}
    }
}

@media(max-width:1100px){
  body.tld-login-terminal .shell{width:calc(100% - 24px)}
  .login-command-grid{grid-template-columns:1fr;height:auto;min-height:0}
  .login-intel-panel{min-height:480px}.login-visual-core{width:190px}
  .login-access-panel{height:auto;max-height:none;align-self:stretch;padding:28px 30px;margin:0}
}
@media(max-width:700px){
  .login-command-shell{margin-top:54px}
  .login-command-toprail,.login-command-footer{padding:9px 11px;font-size:8.5px;flex-wrap:wrap}
  .login-intel-panel,.login-access-panel{clip-path:none;padding:22px 17px}
  .login-intel-panel{min-height:430px}.login-intel-panel h1{font-size:40px}.login-intro{font-size:15px}
  .login-system-matrix{grid-template-columns:1fr 1fr}.login-visual-core{width:165px}
  .login-panel-heading h2{font-size:25px}.login-lock-badge{width:50px;height:50px}
  .login-secondary-actions{grid-template-columns:1fr}.login-discord-channel{grid-template-columns:1fr}.login-discord-channel a{text-align:left}
  .login-terminal-form{padding-left:0}.login-terminal-form:before,.login-terminal-form:after{display:none}
}
@media(prefers-reduced-motion:reduce){.orbit-b{animation:none}}