.casino-login { min-height: 100dvh; display: grid; place-items: center; padding: 28px 20px; background: #eeede4; }
.casino-login-card { display: grid; grid-template-columns: 340px 400px; min-height: 520px; border-radius: 24px; overflow: hidden; box-shadow: 0 24px 80px #29381a14; border: 1px solid #daddcc; background: #fcfbf5; }
.casino-login-art { position: relative; background: #e54b3d; overflow: hidden; border-right: 1px solid #cc3d31; }
.casino-login-art::after { content: ''; position: absolute; width: 380px; height: 380px; border: 1px dashed #ffe4c275; border-radius: 50%; top: 70px; left: -40px; }
.casino-ace { position: absolute; top: 143px; left: 106px; width: 148px; height: 210px; padding: 13px; border: 1px solid #ebe9d5; border-radius: 11px; color: #1d2b21; background: #fbf6e6; transform: rotate(14deg); box-shadow: 0 13px 30px #70211940; font-family: Georgia,serif; z-index: 1; }
.casino-ace > span { display: block; width: 23px; font-size: 25px; text-align: center; line-height: 1; }
.casino-ace small { display: block; font-size: 21px; }
.casino-ace strong { position: absolute; inset: 56px 0; text-align: center; font-size: 79px; font-weight: 400; line-height: 1; }
.casino-ace .ace-bottom { position: absolute; bottom: 13px; right: 13px; transform: rotate(180deg); }
.casino-ace-back { top: 133px; left: 62px; transform: rotate(-13deg); color: #c14134; background: #e9e4d1; }
.casino-login-form { padding: 46px 40px; }
.casino-login-form .casino-brand { color: #1d2b21; gap: 12px; }
.casino-login-form .casino-wordmark { font: italic 700 35px/1 Georgia,serif; letter-spacing: -1.6px; }
.casino-login-heading { margin: 38px 0 24px; }
.casino-login-heading h1 { font-size: 25px; font-weight: 600; }
.casino-login-form label { display: block; font-size: 13px; color: var(--secondary); margin: 20px 0; }
.casino-login-form input { display: block; width: 100%; margin-top: 9px; min-height: 46px; border: 1px solid #d7dcce; border-radius: 10px; padding: 10px 13px; font-size: 14px; background: #f6f6ed; }
.casino-login-form input:focus { outline: 2px solid #d84437; outline-offset: 2px; }
.casino-login-submit { display: flex; justify-content: space-between; align-items: center; width: 100%; min-height: 46px; background: #d84437; border: 1px solid #ca3d31; color: #fff8e8; border-radius: 10px; padding: 10px 15px; margin-top: 28px; font-size: 14px; font-weight: 600; box-shadow: 0 3px 0 #a53429; }
.casino-login-submit:hover { background: #e44e40; }
.casino-login-submit:disabled { opacity: .6; cursor: wait; }
.casino-login-error { color: var(--error); font-size: 13px; }
.casino-login-error:empty { display: none; }
@media (max-width: 760px) { .casino-login-card { grid-template-columns: minmax(0,380px); min-height: auto; } .casino-login-art { display: none; } .casino-login-form { padding: 36px 28px; } }