.m-auth{--m-bg:#f6f2ea;--m-fg:#1f2a2c;--m-muted:#5d6865;--m-panel:#fff;--m-line:#e4dfd3;--m-teal:#1f6f78;min-height:100dvh;color:var(--m-fg);background:radial-gradient(900px 480px at 85% -10%,#1f6f781f,transparent 60%),radial-gradient(700px 420px at -10% 110%,#d9a44124,transparent 60%),var(--m-bg);flex-direction:column;display:flex}.dark .m-auth{--m-bg:#0f1514;--m-fg:#eef2f0;--m-muted:#a5b0ad;--m-panel:#18201f;--m-line:#2a3432}.m-auth-vrh{justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:1120px;margin:0 auto;padding:14px 16px;display:flex}@media (min-width:720px){.m-auth-vrh{padding:18px 32px}}.m-auth-logo{letter-spacing:-.02em;gap:10px;font-size:20px;font-weight:700}.m-auth-logo,.m-auth-nazad{min-height:44px;color:var(--m-fg);align-items:center;text-decoration:none;display:inline-flex}.m-auth-nazad{border-radius:999px;gap:6px;padding:0 14px;font-size:16px;font-weight:600;transition:background .15s}.m-auth-nazad:hover{background:#1f6f7814}.m-auth a:focus-visible{outline-offset:2px;outline:3px solid #d9a441}.m-auth-sredina{flex:1;justify-content:center;align-items:flex-start;padding:8px 16px 32px;display:flex}@media (min-height:720px) and (min-width:720px){.m-auth-sredina{align-items:center;padding-bottom:72px}}.m-auth-kartica{background:var(--m-panel);border:1px solid #e4dfd3b3;border-radius:28px;flex-direction:column;gap:18px;width:100%;max-width:27rem;padding:28px 22px;display:flex;box-shadow:inset 0 1px #fff9,0 24px 60px #1e28231a,0 4px 14px #1e28230f}@media (min-width:480px){.m-auth-kartica{padding:36px 36px 32px}}.m-auth-kartica h1,.m-auth-kartica h2{letter-spacing:-.02em;text-align:center;color:var(--m-fg);font-size:28px;line-height:1.2}.m-auth-kartica,.m-auth-kartica button,.m-auth-kartica input,.m-auth-kartica label,.m-auth-kartica p{font-size:16px}.m-auth-kartica button,.m-auth-kartica input{min-height:48px}.m-auth-kartica button{border-radius:14px;font-weight:600}.m-auth-kartica input{border-radius:12px}.m-auth-kartica [data-slot=input-group]{background:var(--m-panel);border-radius:12px;height:48px}.m-auth-kartica [data-slot=input-group] input{height:100%;min-height:0}.m-auth-kartica button[type=submit]{background:var(--m-teal);color:#fff;transition:background .15s,transform .15s;box-shadow:0 6px 18px #1f6f7840}.m-auth-kartica button[type=submit]:hover:not(:disabled){background:#175a62;transform:translateY(-1px)}.m-auth-kartica [data-provider]{transition:background .15s,border-color .15s}.m-auth-kartica [data-razdjelnik] span{background:var(--m-panel);font-size:16px}.m-auth-kartica [data-bez-naloga]{color:var(--m-muted);margin-top:4px;line-height:1.5}.m-auth-kartica [data-bez-naloga] a{color:var(--m-teal);margin:-11px 0;padding:11px 0;font-weight:600;display:inline-block}.m-auth-znak{justify-content:center;margin-bottom:-4px;display:flex}.m-znak{filter:drop-shadow(0 10px 18px #1f6f7847);border-radius:14px}@media (prefers-reduced-motion:no-preference){.m-znak-krov{animation:.7s cubic-bezier(.2,.9,.25,1.15) backwards m-krov}.m-znak-drska{transform-box:fill-box;transform-origin:top;animation:.45s ease-out .45s backwards m-drska}.m-auth-kartica{animation:.5s ease-out backwards m-kartica}}@keyframes m-krov{0%{opacity:0;transform:translateY(-14px)}}@keyframes m-drska{0%{opacity:0;transform:scaleY(0)}}@keyframes m-kartica{0%{opacity:0;transform:translateY(10px)}}.m-auth-dno{text-align:center;padding:8px 16px 24px}.m-auth-dno nav{color:var(--m-muted);font-size:16px}.m-auth-dno a{min-height:44px;color:var(--m-muted);align-items:center;text-decoration:none;display:inline-flex}.m-auth-dno a:hover{color:var(--m-teal);text-decoration:underline}
