:root{--auth-primary:#1d2d3d;--auth-accent:#338fd1;--auth-bg:#eef2f6;--auth-text:#22313f}.auth-page{margin:0;background:radial-gradient(circle at top,#f8fbfe 0,#eef2f6 55%,#e7edf3 100%);color:var(--auth-text);font-family:"Segoe UI",Tahoma,Verdana,sans-serif;min-height:100vh}.auth-header{background:linear-gradient(135deg,var(--auth-primary),#315978);color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.12)}.auth-header-inner{min-height:66px;display:flex;justify-content:space-between;align-items:center;gap:1rem}.auth-brand{color:#fff;text-decoration:none;font-weight:700;font-size:1.15rem}.auth-language{display:flex;align-items:center;gap:.35rem;font-size:.85rem}.auth-language a{color:rgba(255,255,255,.72);text-decoration:none;padding:.25rem .45rem;border-radius:5px}.auth-language a.active,.auth-language a:hover{color:#fff;background:rgba(255,255,255,.12)}.auth-main{min-height:calc(100vh - 135px);display:flex;align-items:center;padding:2.5rem 0}.auth-main>.container{width:100%}.auth-box{max-width:440px;margin:auto;background:#fff;border:1px solid #dee5ec;border-radius:15px;box-shadow:0 14px 45px rgba(30,50,70,.12);padding:2.25rem}.auth-box h1{color:var(--auth-primary);font-weight:800}.auth-link{color:var(--auth-accent);text-decoration:none;font-weight:600}.auth-link:hover{text-decoration:underline}.auth-box .form-control{border-radius:8px}.auth-box .btn{border-radius:8px;font-weight:700}.divider{position:relative;margin:1.5rem 0;text-align:center}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#dce2e8}.divider span{position:relative;background:#fff;padding:0 1rem;color:#8c97a4;font-size:.82rem}.auth-footer{background:var(--auth-primary);color:rgba(255,255,255,.72);font-size:.8rem;padding:1.1rem 0}.auth-page .alert{border:0;border-radius:9px}@media(max-width:575px){.auth-header-inner{padding:.7rem 1rem}.auth-language{font-size:.75rem}.auth-box{padding:1.35rem}}

.qr-code{max-width:300px}