:root{--bg: #fff;--white: #fff;--panel: #ffffff;--text: #212121;--muted: rgba(0, 0, 0, .6);--muted2: rgba(0, 0, 0, .4);--accent: rgba(100, 108, 255, .95);--radius: 8px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--primary: #248f90;--secondary: #2ab3a4;--error: #fd9088;--box-shadow: rgba(100, 108, 255, .4);--grad-start: rgb(17, 164, 212);--grad-end: rgb(33, 202, 185);--var-grad: linear-gradient(to right, var(--grad-start), var(--grad-end))}@font-face{font-family:Campton;src:url(https://static.dreamlake.io/fonts/subset-Campton-Book.woff2) format("woff2"),url(https://static.dreamlake.io/fonts/subset-Campton-Book.woff) format("woff");font-style:normal;font-display:swap}html,body{height:100%;margin:0;font-weight:400;font-family:Campton,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}body{display:flex;flex-direction:column;min-height:100vh;background:var(--bg);color:var(--text);font-family:Campton,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.login-container{display:flex;flex-direction:column;width:100%;max-width:455px;margin:0 auto;padding-top:clamp(48px,15vw,96px);min-height:calc(-10px + 98vh);padding-left:var(--space-sm, 1rem);padding-right:var(--space-sm, 1rem);box-sizing:border-box}.button-group{display:flex;flex-direction:column;gap:var(--space-sm);width:100%;margin-top:var(--space-md)}button{padding:.75rem;border:none;border-radius:var(--radius);font-family:inherit;font-size:clamp(1rem,4vw,1.125rem);font-weight:500;cursor:pointer;transition:all .2s ease;min-height:44px;width:100%;box-sizing:border-box;box-shadow:0 2px 8px #0000001a}button.primary{background:var(--primary);color:var(--white);background:var(--var-grad)}button.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #248f9066}button.primary:active{transform:translateY(0);box-shadow:0 2px 6px #248f904d}button.primary:focus{outline:none;box-shadow:0 0 0 3px #248f9033,0 2px 8px #0000001a}button.secondary{background:var(--panel);color:var(--text);border:inset 2px var(--grad-start)}button.secondary:hover{transform:translateY(-1px);padding:.75rem;box-shadow:0 4px 12px #00000026}button.secondary:active{transform:translateY(0);box-shadow:0 2px 6px #0003}button.secondary:focus{outline:none;box-shadow:0 0 0 3px #646cff33,0 2px 8px #0000001a}button:disabled{color:var(--muted);cursor:not-allowed;pointer-events:none;box-shadow:none}.input-group{display:flex;flex-direction:column;width:100%;gap:var(--space-sm);position:relative}input{padding:var(--space-sm) var(--space-md);border:2px solid rgba(0,0,0,.1);border-radius:var(--radius);background:var(--panel);color:var(--text);font-family:inherit;font-size:1rem;transition:all .2s ease;width:100%;height:40px;box-sizing:border-box}input:focus{outline:none;box-shadow:0 0 0 3px #646cff1a;transform:translateY(-1px)}input::placeholder{color:var(--muted)}input:hover{border-color:#0003}form{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:var(--space-lg);height:100%}h1{font-size:2.5rem;font-weight:700;margin:1rem 0 0}h2{font-weight:400}.subtitle{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.qr-code{width:auto;height:auto;max-width:200px;max-height:200px}@media(max-width:768px){.login-container{width:100%;padding-top:var(--space-sm);padding-left:var(--space-md, .75rem);padding-right:var(--space-md, .75rem);min-height:calc(100vh - 20px)}form{margin-top:var(--space-sm, 1rem)}}@media(min-width:769px)and (max-width:1024px){.login-container{width:90%;max-width:455px;padding-top:clamp(64px,12vw,80px)}}@media(min-width:768px){.button-group{flex-direction:row;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.button-group.single{grid-template-columns:1fr}}.user-links p{margin:0;color:var(--muted)}.loading-indicator{display:none;content:"Loading...";position:fixed;bottom:0;right:0;width:120px;height:20px;background:var(--muted)}.loading-indicator.active{display:flex}.roles-info{max-width:600px;margin:40px auto;padding:var(--space-lg);background:var(--panel);border-radius:var(--radius);box-shadow:0 4px 12px #0000001a;text-align:center}.right{align-self:flex-end}.forgot-password{color:var(--muted)}.region-switcher{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-sm)}.region-switcher img{width:24px;height:16px;object-fit:cover;border-radius:2px}.login-message .error{color:var(--error);margin-top:var(--space-sm)}.otp-container{display:flex;justify-content:center;gap:clamp(.3em,.9vw,.7em);padding:clamp(.75rem,1.5vw,1.5rem);width:100%;margin:0 auto;box-sizing:border-box}.otp-slot{flex:0 0 clamp(2.4em,3.4vw,3.1em);width:clamp(2.4em,3.4vw,3.1em);height:clamp(2.7em,4vw,3.6em);text-align:center;font-size:clamp(1.05em,1.8vw,1.4em);font-weight:600;font-family:inherit;border:2px solid #d1d5db;border-radius:var(--radius);background:var(--panel);color:var(--text);padding:0;box-sizing:border-box;transition:all .2s ease}.otp-slot:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #248f9026;background:var(--white);transform:scale(1.03)}@media(max-width:480px){.otp-container{gap:.35em;padding-inline:.75rem}.otp-slot{flex:0 0 2.1em;width:2.1em;height:2.6em;font-size:1.05em}}@media(min-width:1200px){.otp-slot{flex:0 0 3.2em;width:3.2em;height:3.8em;font-size:1.5em}}@media(min-width:1440px){.otp-container{max-width:min(600px,90vw)}}