.training-login{--tl-bg-0: #121414;--tl-bg-1: #1a1e1d;--tl-ink: #f3f4f6;--tl-muted: #9ca3af;--tl-line: #3f4543;--tl-green: #1f5c45;--tl-green-deep: #143d2e;--tl-green-soft: #2d6a4f;--tl-card: rgba(28, 32, 31, .82);min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;position:relative;overflow:hidden;background:radial-gradient(1200px 700px at 12% 18%,#24302c 0%,transparent 55%),radial-gradient(900px 500px at 88% 82%,#1a332c 0%,transparent 50%),linear-gradient(160deg,var(--tl-bg-0),var(--tl-bg-1));color:var(--tl-ink)}.training-login__orb{position:absolute;border-radius:50%;filter:blur(40px);opacity:.35;pointer-events:none;animation:tl-float 14s ease-in-out infinite}.training-login__orb--a{width:280px;height:280px;left:-60px;top:18%;background:var(--tl-green-deep)}.training-login__orb--b{width:360px;height:360px;right:-80px;bottom:-40px;background:#374151;animation-delay:-6s}.training-login__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse at 30% 40%,#000 20%,transparent 70%);mask-image:radial-gradient(ellipse at 30% 40%,#000 20%,transparent 70%);animation:tl-drift 28s linear infinite;pointer-events:none}.training-login__hero,.training-login__panel{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center}.training-login__hero{padding:4rem 4.5rem;animation:tl-rise .8s ease-out}.training-login__kicker{letter-spacing:.28em;font-size:.72rem;font-weight:700;color:#d1d5db;margin:0 0 1rem}.training-login__logo{height:88px;width:auto;max-width:280px;object-fit:contain;margin-bottom:1.25rem;filter:drop-shadow(0 8px 18px rgba(0,0,0,.35))}.training-login--branded .training-login__kicker{color:var(--tl-brand-2, #d1d5db)}.training-login--branded .training-login__title{background:linear-gradient(120deg,#f9fafb 8%,var(--tl-brand, #4ade80) 78%);background-size:180% 180%;-webkit-background-clip:text;background-clip:text}.training-login__title{margin:0 0 1.25rem;font-size:clamp(2.1rem,4.2vw,3.4rem);line-height:1.05;font-weight:800;letter-spacing:-.03em;background:linear-gradient(120deg,#f9fafb 10%,#9ca3af 40%,#4ade80 85%);background-size:180% 180%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:tl-shine 8s ease-in-out infinite}.training-login__lead{margin:0;max-width:34rem;font-size:1.15rem;line-height:1.55;color:var(--tl-muted)}.training-login__marks{display:flex;gap:.75rem;margin-top:2rem}.training-login__marks span{width:8px;height:8px;border-radius:999px;background:#6b7280;animation:tl-pulse 1.8s ease-in-out infinite}.training-login__marks span:nth-child(2){background:var(--tl-green-soft);animation-delay:.2s}.training-login__marks span:nth-child(3){animation-delay:.4s}.training-login__panel{padding:2.5rem}.training-login__card{width:min(100%,420px);margin-left:auto;background:var(--tl-card);border:1px solid var(--tl-line);border-radius:22px;padding:2rem 1.75rem 1.75rem;box-shadow:0 24px 60px #00000059;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:tl-rise .9s ease-out .08s both}.training-login__card h2{margin:0 0 .35rem;font-size:1.35rem}.training-login__card .training-login__hint{margin:0 0 1.5rem;color:var(--tl-muted);font-size:.88rem}.training-login label{display:block;margin-bottom:.95rem;font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#d1d5db}.training-login input{margin-top:.4rem;background:#141716;border:1px solid #4b5563;border-radius:12px;padding:.78rem .9rem;color:var(--tl-ink)}.training-login input:focus{outline:2px solid var(--tl-green-soft);border-color:var(--tl-green-soft)}.training-login__pw{position:relative}.training-login__pw button{position:absolute;right:10px;bottom:10px;background:transparent;border:0;color:#9ca3af;cursor:pointer;font-size:.75rem}.training-login__error{color:#fca5a5;font-size:.88rem;margin:0 0 .85rem}.training-login__submit{width:100%;margin-top:.4rem;border:0;border-radius:12px;padding:.85rem 1rem;font-weight:700;letter-spacing:.02em;color:#f9fafb;background:linear-gradient(180deg,var(--tl-green-soft),var(--tl-green-deep));cursor:pointer;box-shadow:0 0 #2d6a4f73;animation:tl-glow 2.8s ease-in-out infinite}.training-login__submit:disabled{opacity:.65;cursor:wait;animation:none}@keyframes tl-float{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}@keyframes tl-drift{0%{background-position:0 0}to{background-position:48px 48px}}@keyframes tl-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes tl-shine{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes tl-pulse{0%,to{opacity:.45;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}}@keyframes tl-glow{0%,to{box-shadow:0 0 #2d6a4f26}50%{box-shadow:0 0 22px 2px #2d6a4f66}}@media(max-width:860px){.training-login{grid-template-columns:1fr}.training-login__hero{padding:2.5rem 1.5rem .5rem}.training-login__panel{padding:1.25rem 1.25rem 2.5rem}.training-login__card{margin:0 auto}}:root{--brand-primary: #0d9488;--brand-secondary: #134e4a;--bg: #0f172a;--card: #1e293b;--text: #f8fafc;--muted: #94a3b8}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text)}a{color:var(--brand-primary);text-decoration:none}.muted{color:var(--muted);font-size:.9rem}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid #334155}.app-nav{display:flex;gap:.5rem;padding:.75rem 1rem;flex-wrap:wrap}.app-nav a{padding:.4rem .75rem;border-radius:8px;color:var(--muted)}.app-nav a.active{background:var(--brand-primary);color:#fff}.app-main{padding:1rem 1.25rem 2rem;flex:1}.card{background:var(--card);border-radius:12px;padding:1rem 1.25rem;margin-bottom:1rem;border:1px solid #334155}.btn,button.btn{background:var(--brand-primary);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer}.btn-ghost{background:transparent;color:var(--muted);border:1px solid #475569}input,textarea,select{width:100%;padding:.5rem;border-radius:8px;border:1px solid #475569;background:#0f172a;color:var(--text);margin-top:.25rem}.grid-2{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.stat{font-size:1.75rem;font-weight:700;color:var(--brand-primary)}