/* BARN login v9.2.0 */
:root{--tnh-blue-black:#071321;--tnh-orange:#ff8a1d;--tnh-orange-soft:rgba(255,138,29,.42);--tnh-cyan:#58c7ff;--tnh-white:#f3f8ff;--tnh-muted:#a9bdd3;--tnh-panel:rgba(8,22,38,.82);--tnh-border:rgba(255,138,29,.38)}
*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--tnh-white);background:linear-gradient(90deg,rgba(3,9,17,.48),rgba(3,9,17,.18)),url('/assets/img/staffbackground.png') center center/cover no-repeat,#071321}.login-page{min-height:100vh;display:grid;place-items:center;padding:clamp(18px,5vw,64px)}.login-card{width:min(430px,100%);padding:32px;border:1px solid var(--tnh-border);border-radius:28px;background:linear-gradient(180deg,rgba(13,36,61,.90),rgba(6,16,29,.88)),var(--tnh-panel);box-shadow:0 28px 80px rgba(0,0,0,.52),0 0 34px rgba(255,138,29,.14),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(18px)}.login-logo{display:block;width:142px;height:142px;object-fit:contain;margin:0 auto 20px;filter:drop-shadow(0 0 18px rgba(255,138,29,.22))}h1{margin:0 0 26px;text-align:center;font-size:clamp(1.58rem,4vw,2.08rem);line-height:1.1;letter-spacing:-.03em}.alert{padding:12px 14px;margin-bottom:18px;border-radius:14px;background:rgba(255,82,82,.12);border:1px solid rgba(255,82,82,.28);color:#ffd7d7}form{display:grid;gap:11px}label{font-size:.9rem;color:var(--tnh-muted);margin-top:4px}input,select,textarea{width:100%;border:1px solid rgba(169,189,211,.28);background:rgba(2,10,20,.68);color:var(--tnh-white);border-radius:15px;padding:14px 15px;font-size:1rem;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--tnh-orange);box-shadow:0 0 0 4px var(--tnh-orange-soft);background:rgba(4,16,30,.9)}button{margin-top:12px;border:0;border-radius:16px;padding:14px 18px;color:#101721;font-weight:800;font-size:1rem;cursor:pointer;background:linear-gradient(135deg,#ffb347,var(--tnh-orange));box-shadow:0 10px 30px rgba(255,138,29,.28)}.forgotten-link{display:block;margin-top:18px;color:var(--tnh-cyan);text-align:center;text-decoration:none;font-size:.92rem}footer{margin-top:24px;text-align:center;color:rgba(169,189,211,.72);font-size:.78rem}@media(max-width:780px){.login-page{place-items:center}.login-card{padding:26px}.login-logo{width:118px;height:118px}}

.login-barn-title {
    margin: 0 0 4px;
    text-align: center;
    font-size: clamp(3rem, 9vw, 5.2rem);
    line-height: .9;
    letter-spacing: .02em;
    color: var(--tnh-white);
    text-shadow: 0 0 22px rgba(255,138,29,.24);
}
.login-full-name {
    margin: 0 0 26px;
    text-align: center;
    color: var(--tnh-muted);
    font-weight: 800;
    font-size: clamp(.82rem, 2vw, 1rem);
    line-height: 1.35;
    letter-spacing: .02em;
}


/* V9.3 login title fit */
.login-card {
    width: min(520px, 100%);
}

.login-full-name {
    white-space: nowrap;
    font-size: clamp(.72rem, 1.35vw, .94rem);
    letter-spacing: 0;
}

@media (max-width: 560px) {
    .login-card {
        width: min(430px, 100%);
    }

    .login-full-name {
        white-space: normal;
        font-size: .88rem;
    }
}

.passkey-login-button{
    width:100%;
    margin-top:10px;
    border:1px solid rgba(255,138,29,.55);
    background:rgba(255,138,29,.12);
    color:#fff;
    border-radius:999px;
    padding:12px 16px;
    font-weight:900;
    cursor:pointer;
}
.passkey-login-button:hover{background:rgba(255,138,29,.22);}