.inn-login{isolation:isolate;background:inherit;width:100%;max-width:none;min-height:100svh;color:var(--text);margin:0;padding:0;font-family:Spectral,Georgia,serif;position:relative;overflow:hidden}.inn-login-art{z-index:-2;filter:drop-shadow(-30px 10px 70px #a78bfa29);background:url(/images/login-dragon.png) 100% 100%/auto 100% no-repeat;position:absolute;inset:0}.inn-login-shade{z-index:-1;background:linear-gradient(90deg, var(--bg) 0 30%, #08060feb 42%, #08060f73 54%, transparent 66%);position:absolute;inset:0}.inn-login-shade:after{content:"";background:linear-gradient(#0000,#08060feb);position:absolute;inset:74% 0 0 30%}.inn-login-column{flex-direction:column;justify-content:space-between;gap:50px;width:540px;max-width:100%;min-height:100svh;padding:46px 54px 40px;animation:.6s both inn-arrive;display:flex}.inn-brand{align-self:flex-start;align-items:center;gap:12px;display:inline-flex}.inn-login-content{width:100%;max-width:392px}.inn-login h1{color:#f4f8f9;letter-spacing:normal;margin:0 0 30px;font:600 clamp(28px,3.4vw,40px)/1.12 Cinzel,Georgia,serif}.inn-login-form{flex-direction:column;gap:7px;display:flex}.inn-login-form label{color:#9fb3c2;letter-spacing:.26em;text-transform:uppercase;font:10px IBM Plex Mono,monospace}.inn-login-form input{color:#f2f6f7;background:#ffffff0b;border:1px solid #9fd6d233;border-radius:3px;width:100%;min-width:0;height:52px;margin:0 0 10px;padding:0 16px;font:15px Spectral,Georgia,serif}.inn-login-form input::placeholder{color:#92a7b7}.inn-login-form input:focus{background:#ffffff13;border-color:#e8c98a}.inn-login-form small{color:#9fb3c2;font-size:13px}.inn-login .inn-submit{color:#12202e;letter-spacing:.18em;text-transform:uppercase;background:linear-gradient(#e8c98ae6,#c8a460d9);border:1px solid #e8c98a;border-radius:3px;min-height:54px;margin-top:15px;padding:14px;font:700 13.5px Cinzel,Georgia,serif;box-shadow:0 14px 34px #e8c98a29}.inn-login .inn-submit:hover:not(:disabled){background:#f0d8a2}.inn-feedback{color:#e8c98a;margin:14px 0;font-size:14px}.inn-feedback:empty{display:none}.inn-login .inn-text-button{color:#9fd6d2;text-align:left;background:0 0;border:0;padding:0;font:600 13.5px Spectral,Georgia,serif}.inn-login a:hover,.inn-login .inn-text-button:hover:not(:disabled){color:#e8c98a}.inn-visitor{color:#9fb3c2;margin-top:22px;font-size:13.5px;display:inline-block}.inn-visitor span{padding-left:6px}.inn-login-footer{color:#93a7b6;border:0;flex-wrap:wrap;justify-content:flex-start;gap:6px;margin:0;padding:0;font:13.5px Spectral,Georgia,serif;display:flex}.inn-login :focus-visible{outline-offset:4px;outline:2px solid #e8c98a}@keyframes inn-arrive{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (min-width:1700px){.inn-login-column{width:620px;padding-left:7vw}}@media (max-width:900px){.inn-login-column{width:490px;padding:36px}.inn-login-shade{background:linear-gradient(90deg, var(--bg) 0 22%, #08060ff0 42%, #08060f66 100%)}}@media (max-width:600px){.inn-login-column{gap:56px;width:100%;padding:28px 24px}.inn-login-content{max-width:392px;margin:auto}.inn-login-art{opacity:.3;background-position:72% 0;background-size:auto 75%}.inn-login-shade{background:linear-gradient(180deg, #08060f73, #08060ff0 35%, var(--bg) 75%)}.inn-login h1{max-width:330px;font-size:32px}}@media (prefers-reduced-motion:reduce){.inn-login-column{animation:none}}
