.md-auth{flex:1;display:grid;place-items:center;padding:24px 10px}
.md-auth__card{width:100%;max-width:920px;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;background:var(--md-surface);border:1px solid var(--md-line);border-radius:18px;padding:1.25rem;box-shadow:0 20px 60px rgba(0,0,0,.45)}
.md-auth__panel{position:relative;border-radius:14px;min-height:480px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 20% 15%,rgba(94,234,212,.2),transparent 45%),linear-gradient(160deg,#1d3a5f,#101b27)}
.md-auth__panel::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.14) 1px,transparent 1px);background-size:18px 18px;opacity:.6}
.md-auth__panel img{position:relative;max-width:70%;max-height:90px;height:auto}
.md-auth__form{display:flex;flex-direction:column;padding:.4rem .5rem}
.md-auth__mlogo{display:none;margin-bottom:1rem}
.md-auth__mlogo img{max-height:44px;width:auto}
.md-auth__title{font-size:1.15rem;font-weight:700;color:#fff;margin:0}
.md-auth__title::after{content:"";display:block;width:34px;height:3px;border-radius:3px;background:var(--md-accent);margin-top:.45rem}
.md-auth__desc{color:#9fb0c0;font-size:.85rem;margin:.9rem 0 1.4rem}
.md-auth__tabs{display:flex;gap:.4rem;margin-bottom:1.4rem;background:rgba(255,255,255,.04);border-radius:10px;padding:.25rem}
.md-auth__tabs button{flex:1;border:0;background:none;color:#9fb0c0;font:inherit;font-size:.82rem;padding:.5rem;border-radius:8px}
.md-auth__tabs button.is-on{background:var(--md-accent);color:#fff}
.md-fld{position:relative;margin-bottom:1.15rem}
.md-fld label{position:absolute;top:-.65rem;right:.9rem;background:var(--md-surface);padding:0 .4rem;font-size:.75rem;color:#9fb0c0;z-index:1}
.md-fld input{width:100%;height:48px;border:1px solid var(--md-line);border-radius:10px;background:transparent;color:#fff;padding:0 .9rem 0 2.6rem;outline:none;font:inherit;font-size:.9rem;transition:border-color .2s}
.md-fld input::placeholder{color:rgba(255,255,255,.3)}
.md-fld input:focus{border-color:var(--md-accent)}
.md-fld__ico{position:absolute;left:.95rem;top:50%;transform:translateY(-50%);color:#7f95aa}
.md-fld__eye{position:absolute;left:.55rem;top:50%;transform:translateY(-50%);border:0;background:none;color:#7f95aa;padding:.45rem}
.md-fld--code input{text-align:center;letter-spacing:.6rem;font-size:1.2rem;padding:0 .9rem}
.md-auth__check{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:#9fb0c0;margin:.2rem 0 1rem}
.md-auth__check input{width:16px;height:16px;accent-color:var(--md-accent)}
.md-auth__check a,.md-auth__switch a{color:var(--md-accent-l)}
.md-auth__link{border:0;background:none;color:var(--md-accent-l);font:inherit;font-size:.82rem;padding:0;margin-bottom:.8rem}
.md-auth__link:disabled{color:#7f95aa}
.md-auth__msg{min-height:1.2rem;font-size:.8rem;color:#f87171;margin:0 0 .6rem}
.md-auth__msg.is-ok{color:#34d399}
.md-auth__btn{height:48px;border:0;border-radius:10px;background:var(--md-accent);color:#fff;font:inherit;font-weight:700;transition:background .2s}
.md-auth__btn:hover{background:var(--md-accent-d)}
.md-auth__btn:disabled{opacity:.6}
.md-auth__switch{margin-top:auto;padding-top:1.2rem;font-size:.82rem;color:#9fb0c0}
@media (max-width:767.98px){.md-auth__card{grid-template-columns:1fr;padding:1rem}.md-auth__panel{display:none}.md-auth__mlogo{display:block}}
@media (max-width:767.98px){.md-auth__panel{display:grid;order:-1;min-height:110px}.md-auth__mlogo{display:none}.md-auth__panel img{max-height:56px}}