:root{
  --tolp-navy:#0C0D26;
  --tolp-navy-soft:#171A3A;
  --tolp-gold:#EAB308;
  --tolp-bg:#F6F7F9;
  --tolp-border:#E6E8ED;
  --tolp-muted:#667085;
}
body.tolp-auth-body{
  min-height:100vh;
  margin:0;
  font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;
  color:#1F2130;
  background:radial-gradient(circle at 100% 0,rgba(234,179,8,.08),transparent 32rem),var(--tolp-bg);
}
.tolp-auth-shell{min-height:100vh;padding:1rem;display:grid;place-items:center}
.tolp-auth-card{width:min(100%,440px);background:#fff;border:1px solid var(--tolp-border);border-radius:20px;box-shadow:0 20px 60px rgba(16,24,40,.08);overflow:hidden}
.tolp-auth-card.wide{width:min(100%,760px)}
.tolp-auth-body{padding:clamp(1.25rem,4vw,2rem)}
.tolp-auth-brand{display:flex;align-items:center;gap:.8rem;margin-bottom:1.5rem;color:var(--tolp-navy);text-decoration:none}
.tolp-auth-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(234,179,8,.12);border:1px solid rgba(234,179,8,.22);color:#9A6700;font-size:1.05rem}
.tolp-auth-brand strong{display:block;font-size:.95rem;line-height:1.15}
.tolp-auth-brand small{display:block;margin-top:.18rem;color:#98A2B3;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em}
.tolp-auth-title{margin:0;color:var(--tolp-navy);font-size:1.3rem;font-weight:750;letter-spacing:-.025em}
.tolp-auth-subtitle{margin:.45rem 0 1.35rem;color:var(--tolp-muted);font-size:.8rem;line-height:1.6}
.tolp-auth-card .form-label{font-size:.72rem;font-weight:700;color:var(--tolp-navy);text-transform:uppercase;letter-spacing:.03em}
.tolp-auth-card .form-control{min-height:44px;border-radius:10px;border-color:var(--tolp-border)}
.tolp-auth-card .btn{min-height:44px;border-radius:10px;font-weight:700}
.tolp-auth-card .btn-primary{background:var(--tolp-navy);border-color:var(--tolp-navy)}
.tolp-auth-card .btn-primary:hover{background:var(--tolp-navy-soft);border-color:var(--tolp-navy-soft)}
.tolp-auth-footer{margin-top:1rem;text-align:center;color:#98A2B3;font-size:.7rem}
.tolp-app-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.tolp-app-tile{display:flex;align-items:flex-start;gap:.8rem;height:100%;padding:1rem;text-decoration:none;background:#fff;border:1px solid var(--tolp-border);border-radius:14px;color:inherit;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.tolp-app-tile:hover{transform:translateY(-2px);border-color:#D6DAE2;box-shadow:0 10px 24px rgba(16,24,40,.07);color:inherit}
.tolp-app-icon{width:40px;height:40px;display:grid;place-items:center;flex:0 0 40px;border-radius:11px;background:rgba(234,179,8,.10);color:#9A6700}
.tolp-app-tile h2{font-size:.88rem;color:var(--tolp-navy);margin:0 0 .22rem;font-weight:700}
.tolp-app-tile p{margin:0;color:#667085;font-size:.72rem;line-height:1.5}
.tolp-auth-link{color:#667085;text-decoration:none}.tolp-auth-link:hover{color:var(--tolp-navy)}
@media (max-width:600px){.tolp-auth-shell{padding:.7rem}.tolp-app-grid{grid-template-columns:1fr}.tolp-auth-card{border-radius:16px}}
@media (prefers-reduced-motion:reduce){.tolp-app-tile{transition:none}}