.page-module__zxbTJW__wrapper{background-color:#f8fafc;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.page-module__zxbTJW__backgroundBlur{filter:blur(4px)brightness(1.05);z-index:1;background-image:url(/Karlobag-uvala-Tatinja.jpg);background-position:50% 35%;background-size:cover;position:absolute;inset:0;transform:scale(1.02)}.page-module__zxbTJW__backgroundBlur:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff80 0%,#ffffffb3 100%);position:absolute;inset:0}.page-module__zxbTJW__container{z-index:10;justify-content:center;align-items:center;width:100%;max-width:440px;padding:1.5rem;animation:.8s cubic-bezier(.16,1,.3,1) forwards page-module__zxbTJW__cardFadeIn;display:flex;position:relative}.page-module__zxbTJW__formCard{-webkit-backdrop-filter:blur(24px);background:#ffffffb3;border:1px solid #ffffff80;border-radius:20px;flex-direction:column;gap:2.25rem;width:100%;padding:3rem 2.5rem;transition:transform .3s,border-color .3s;display:flex;box-shadow:0 4px 30px #0000001a,inset 0 1px #fffc}.page-module__zxbTJW__formCard:hover{border-color:#fffc}.page-module__zxbTJW__header{text-align:center;flex-direction:column;gap:.75rem;display:flex}.page-module__zxbTJW__logoContainer{justify-content:space-between;align-items:center;width:100%;max-width:280px;height:48px;margin:0 auto .5rem;padding:0 10px;display:flex;position:relative}.page-module__zxbTJW__leftPaddle{filter:drop-shadow(0 2px 8px #dc262680);transform-origin:bottom;cursor:default;-webkit-user-select:none;user-select:none;font-size:1.85rem;animation:2s ease-out infinite page-module__zxbTJW__leftPaddleHit;display:inline-block}.page-module__zxbTJW__rightPaddle{filter:drop-shadow(0 2px 8px #dc262680);transform-origin:bottom;cursor:default;-webkit-user-select:none;user-select:none;font-size:1.85rem;animation:2s ease-out infinite page-module__zxbTJW__rightPaddleHit;display:inline-block;transform:scaleX(-1)}.page-module__zxbTJW__pingPongBall{z-index:5;pointer-events:none;background-color:#ff9800;border-radius:50%;width:9px;height:9px;animation:2s linear infinite page-module__zxbTJW__ballBounce;position:absolute;box-shadow:0 0 6px #ff9800,0 0 12px #ff980099}@keyframes page-module__zxbTJW__leftPaddleHit{0%,to{transform:rotate(-18deg)scale(1.1)}12%,88%{transform:rotate(0)scale(1)}}@keyframes page-module__zxbTJW__rightPaddleHit{0%,to{transform:scaleX(-1)rotate(0)scale(1)}50%{transform:scaleX(-1)rotate(-18deg)scale(1.1)}38%,62%{transform:scaleX(-1)rotate(0)scale(1)}}@keyframes page-module__zxbTJW__ballBounce{0%{top:10px;left:36px}18%{top:-2px;left:108px}36%{top:15px;left:180px}43%{top:6px;left:208px}50%{top:10px;left:236px}68%{top:-2px;left:164px}86%{top:15px;left:100px}93%{top:6px;left:68px}to{top:10px;left:36px}}.page-module__zxbTJW__logoText{letter-spacing:.15em;color:#0f172a;background:linear-gradient(135deg,#0f172a 30%,#006ed6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.25rem;font-weight:800;transform:translateY(12px)}.page-module__zxbTJW__title{font-family:var(--font-display,sans-serif);color:#0f172a;letter-spacing:-.025em;margin:0;font-size:1.875rem;font-weight:700}.page-module__zxbTJW__subtitle{color:#475569;margin:0;font-size:.875rem;line-height:1.5}.page-module__zxbTJW__form{flex-direction:column;gap:1.5rem;display:flex}.page-module__zxbTJW__inputWrapper{width:100%}.page-module__zxbTJW__lightInput,.page-module__zxbTJW__lightInput>div{width:100%!important}.page-module__zxbTJW__lightInput label{letter-spacing:.05em;text-transform:uppercase;font-size:.8rem;font-weight:600;color:#475569!important}.page-module__zxbTJW__lightInput input{box-shadow:0 1px 3px #0000000d;color:#0f172a!important;background:#ffffffe6!important;border:1px solid #0000001a!important;border-radius:10px!important;width:100%!important;max-width:100%!important;padding:.75rem 1rem!important;transition:all .2s!important}.page-module__zxbTJW__lightInput input:focus{background:#fff!important;border-color:#006ed6!important;box-shadow:0 0 0 3px #006ed633!important}.page-module__zxbTJW__buttonGroup{margin-top:.5rem}.page-module__zxbTJW__submitBtn{width:100%;color:#fff!important;background:linear-gradient(135deg,#006ed6 0%,#0056b3 100%)!important;border-radius:10px!important;padding:.875rem!important;font-weight:600!important;transition:all .2s!important;box-shadow:0 4px 15px #006ed64d!important}.page-module__zxbTJW__submitBtn:hover{transform:translateY(-1px);background:linear-gradient(135deg,#0a79eb 0%,#0060c7 100%)!important;box-shadow:0 6px 20px #006ed666!important}.page-module__zxbTJW__credentialsHint{text-align:center;background:#00000008;border:1px solid #0000000d;border-radius:10px;padding:.75rem 1rem}.page-module__zxbTJW__credentialsHint p{color:#64748b;margin:0;font-size:.75rem;line-height:1.4}.page-module__zxbTJW__spinner{border-radius:50%;animation:1s linear infinite page-module__zxbTJW__spin}@keyframes page-module__zxbTJW__spin{to{transform:rotate(360deg)}}@keyframes page-module__zxbTJW__cardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes page-module__zxbTJW__float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}