@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500;600;700;800&display=swap');

:root{--ticket-red:#c9000c;--ticket-red-dark:#a9000a;--ticket-ink:#172033;--ticket-muted:#667085;--ticket-line:#dfe5ed;--ticket-bg:#f4f7fb}
body{font-family:'Noto Sans',Arial,sans-serif!important;background:radial-gradient(circle at 50% -20%,#fff 0,#f4f7fb 46%,#eef2f7 100%)!important;color:var(--ticket-ink)!important}
.login-wrap,.wrap{width:min(100% - 32px,430px)!important;position:relative;z-index:1}
.login-card,.wrap .card{padding:34px 32px 30px!important;border:1px solid rgba(203,213,225,.8)!important;border-radius:22px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 20px 48px rgba(16,24,40,.10)!important}
.logo-slot{height:170px!important;margin-bottom:10px!important}.logo-image{width:230px!important;max-height:135px!important}.wrap .logo{width:190px!important;height:116px!important;margin:0 auto 6px!important}
.title{font-size:25px!important;letter-spacing:-.5px}.muted{font-size:14px!important;line-height:1.65!important}.field{margin-bottom:18px!important}
label{font-family:'Noto Sans',Arial,sans-serif!important;font-weight:600!important;color:#344054!important}
input{font-family:'Noto Sans',Arial,sans-serif!important;border:1px solid var(--ticket-line)!important;border-radius:11px!important;background:#f9fbfd!important;transition:.16s ease!important}
input:focus{border-color:var(--ticket-red)!important;background:#fff!important;box-shadow:0 0 0 4px rgba(201,0,12,.09)!important}
.submit,.btn{font-family:'Noto Sans',Arial,sans-serif!important;border-radius:11px!important;background:linear-gradient(135deg,#db000d,var(--ticket-red))!important;box-shadow:0 10px 18px rgba(174,0,10,.20)!important;transition:transform .16s ease,box-shadow .16s ease!important}
.submit:hover,.btn:hover{background:linear-gradient(135deg,var(--ticket-red),var(--ticket-red-dark))!important;transform:translateY(-1px);box-shadow:0 13px 22px rgba(174,0,10,.24)!important}
.options{margin-bottom:28px!important}.register-link,.back{color:var(--ticket-red)!important;font-weight:700!important}.footer{font-family:'Noto Sans',Arial,sans-serif!important;color:#7b8798!important}
.notice{border-radius:11px!important}.notice.success{border:1px solid #b7ebcc!important}.notice.error{border:1px solid #fecaca!important}
@media(max-width:480px){.login-wrap,.wrap{width:min(100% - 24px,430px)!important}.login-card,.wrap .card{padding:28px 23px!important;border-radius:18px!important}.logo-slot{height:140px!important}.logo-image{width:205px!important}.wrap .logo{height:100px!important}}