body.login.gka-auth { --yatbt-auth-accent:#171717; --yatbt-auth-accent-dark:#171717; --yatbt-auth-ink:#202020; min-height:100dvh; display:block; padding:20px; background:#fafafa; color:#202020; font-family:Montserrat,Arial,sans-serif; }
body.gka-auth::before,body.gka-auth::after { display:none; }
body.gka-auth *,body.gka-auth .yatbt-auth-form-panel,body.gka-auth .yatbt-auth-form-header h1,body.gka-auth .yatbt-auth-form-header p,body.gka-auth .yatbt-register-field label,body.gka-auth .yatbt-register-field small,body.gka-auth .yatbt-auth-mode-switch,body.gka-auth .yatbt-auth-legal { font-family:Montserrat,Arial,sans-serif; }
body.gka-auth .yatbt-auth-shell { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); width:100%; min-height:calc(100dvh - 40px); padding:0; border:1px solid #f4f4f4; border-radius:24px; background:#fff; box-shadow:0 12px 50px #17171710; backdrop-filter:none; }
body.gka-auth .yatbt-auth-aside { display:flex; flex-direction:column; order:0; min-height:740px; padding:46px 54px 34px; border-radius:0; background:#171717; color:#fff; }
.gka-auth-brand { position:relative; z-index:2; align-self:flex-start; color:#fff; font-size:28px; font-weight:700; letter-spacing:-1.4px; text-decoration:none; }
.gka-auth-brand:hover { color:#fff; }
.gka-auth-intro { position:relative; z-index:2; margin-top:72px; }
.gka-auth-intro > span { color:#dedede; font-size:12px; font-weight:600; letter-spacing:2px; }
.gka-auth-intro h2 { margin:20px 0 18px; font-size:clamp(36px,4.4vw,72px); line-height:1.04; font-weight:500; letter-spacing:-3.5px; color:#fff; }
.gka-auth-intro p { font-size:15px; line-height:1.65; color:#f4f4f4; }
.gka-auth-art { position:relative; flex:1; min-height:240px; margin:25px 0; }
.gka-auth-disc { position:absolute; width:240px; height:240px; border:1px solid #ffffff45; border-radius:50%; left:8%; top:10px; box-shadow:0 0 0 30px #ffffff08,0 0 0 60px #ffffff05; }
.gka-auth-tile { position:absolute; left:17%; top:30px; width:180px; height:210px; border:1px solid #ffffff50; border-radius:16px; background:#f4f4f4; transform:rotate(-10deg); box-shadow:0 24px 50px #17171740; color:#171717; padding:15px 24px; }
.gka-auth-tile > span { font-size:125px; line-height:1.2; font-weight:700; letter-spacing:-10px; }
.gka-auth-tile i { position:absolute; right:15px; bottom:10px; font-style:normal; font-size:28px; }
.gka-auth-note { position:absolute; left:45%; top:105px; width:190px; padding:24px; border-radius:12px; background:#171717; color:#dedede; font-size:19px; line-height:1.4; transform:rotate(7deg); box-shadow:0 18px 40px #17171730; }
.gka-auth-note strong { font-weight:500; color:#fff; }
.gka-auth-note > span { display:block; text-align:right; margin-top:20px; font-size:24px; color:#dedede; }
.gka-auth-aside-foot { font-size:12px; color:#dedede; margin-top:20px; }
body.gka-auth .yatbt-auth-form-panel { display:flex; order:1; min-height:740px; align-items:center; padding:90px 48px 45px; background:#fff; }
.gka-auth-home { position:absolute; left:48px; top:34px; color:#171717; font-size:13px; text-decoration:none; }
.gka-auth-home:hover { color:#171717; }
body.gka-auth .yatbt-auth-form-stack { width:min(390px,100%); gap:0; }
body.gka-auth .yatbt-auth-form-logo { display:none; }
body.gka-auth .yatbt-auth-form-header { margin:0 0 30px; text-align:left; }
body.gka-auth .yatbt-auth-form-header h1 { margin:0; font-size:36px; line-height:1.15; letter-spacing:-1.4px; font-weight:600; color:#202020; }
body.gka-auth .yatbt-auth-form-header p { margin:12px 0 0; font-size:13px; line-height:1.6; font-weight:400; color:#171717; }
body.gka-auth #login { width:100%; padding:0; margin:0; }
body.gka-auth #loginform,body.gka-auth #lostpasswordform,body.gka-auth #resetpassform,body.gka-auth .yatbt-register-form,body.gka-auth .yatbt-verification-form { padding:0 !important; margin:0; border:0; box-shadow:none; background:#fff; }
body.gka-auth label,body.gka-auth .yatbt-register-field label { margin:0 0 8px; color:#171717; font-size:13px; font-weight:500; }
body.gka-auth form .input,body.gka-auth input[type="text"],body.gka-auth input[type="email"],body.gka-auth input[type="password"] { width:100%; min-height:49px; padding:0 14px !important; border:1px solid #f4f4f4; border-radius:9px; background:#fafafa; font-size:14px; color:#202020; box-shadow:none; }
body.gka-auth input::placeholder { color:#171717; font-size:13px; }
body.gka-auth form .input:focus { border-color:#171717; box-shadow:0 0 0 3px #17171713; background:#fff; }
body.gka-auth .button-primary,body.gka-auth .yatbt-auth-submit { width:100%; min-height:49px; padding:0 18px; border:0; border-radius:9px; background:#171717; color:#fff; font-size:13px; font-weight:600; box-shadow:0 6px 15px #1717171c; text-shadow:none; }
body.gka-auth .button-primary:hover,body.gka-auth .yatbt-auth-submit:hover { background:#171717; }
body.gka-auth .yatbt-auth-mode-switch { margin:24px 0 0; text-align:center; color:#171717; font-size:13px; font-weight:400; }
body.gka-auth .yatbt-auth-mode-switch button,body.gka-auth .yatbt-auth-mode-switch a { color:#171717; }
body.gka-auth .yatbt-auth-reset-link,body.gka-auth .yatbt-auth-resend-toggle { font-size:12px; font-weight:400; }
body.gka-auth .yatbt-auth-legal { margin:35px 0 0; color:#171717; font-size:12px; font-weight:400; text-align:center; }
body.gka-auth .yatbt-register-form { gap:13px; }
body.gka-auth .yatbt-register-field small { color:#171717; font-size:12px; font-weight:400; line-height:1.5; }
body.gka-auth .yatbt-password-rules { font-size:12px; }
body.gka-auth .yatbt-auth-shell.is-registering .yatbt-auth-form-panel { padding-block:75px 30px; }
body.gka-auth .yatbt-auth-shell.is-registering .yatbt-auth-form-header { margin-bottom:22px; }
body.gka-auth .yatbt-auth-shell.is-registering .yatbt-auth-legal { margin-top:22px; }
body.gka-auth [hidden] { display:none !important; }
body.gka-auth .dashicons { font-family:dashicons !important; }
body.gka-auth #loginform > p { margin-bottom:18px; }
body.gka-auth .button-primary,body.gka-auth .yatbt-auth-submit { height:49px; line-height:49px; }
@media(min-width:1500px) { body.gka-auth .yatbt-auth-aside { padding:55px 80px 40px; } .gka-auth-intro { margin-top:90px; } .gka-auth-art { min-height:285px; } }
@media(max-width:1000px) { body.login.gka-auth { padding:12px; } body.gka-auth .yatbt-auth-shell { grid-template-columns:42% 58%; min-height:calc(100dvh - 24px); } body.gka-auth .yatbt-auth-aside { padding:34px 28px; } .gka-auth-intro h2 { font-size:42px; letter-spacing:-2px; } .gka-auth-note { left:30%; width:160px; } .gka-auth-tile { left:0; } body.gka-auth .yatbt-auth-form-panel { padding:90px 30px 35px; } .gka-auth-home { left:30px; } }
@media(max-width:700px) { body.login.gka-auth { padding:0; background:#fff; } body.gka-auth .yatbt-auth-shell { display:block; border:0; border-radius:0; min-height:100dvh; box-shadow:none; } body.gka-auth .yatbt-auth-aside { display:none; } body.gka-auth .yatbt-auth-form-panel { min-height:100dvh; padding:100px 26px 38px; } body.gka-auth .yatbt-auth-form-header h1 { font-size:32px; } .gka-auth-home { left:26px; top:28px; } body.gka-auth .yatbt-auth-shell.is-registering .yatbt-auth-form-panel { padding:90px 26px 30px; } }
body.gka-auth input[type="text"]:focus,body.gka-auth input[type="email"]:focus,body.gka-auth input[type="password"]:focus { border-color:#171717; box-shadow:0 0 0 3px #17171713; background:#fff; outline:none; }
@media(max-width:700px) { body.gka-auth .yatbt-auth-form-header::before { content:'Grafikerci'; display:block; margin-bottom:38px; font-size:25px; font-weight:700; letter-spacing:-1px; color:#171717; } }
body.gka-auth .gka-auth-aside-foot { margin-top:auto; padding-top:40px; }
body.gka-auth .yatbt-auth-legal { display:none; }
body.gka-auth .yatbt-auth-resend-toggle { display:none !important; }
body.gka-auth .yatbt-auth-form-header p:empty { display:none; }
body.gka-auth #gka-recovery-form { margin:0; padding:0; border:0; background:transparent; box-shadow:none; }
body.gka-auth #gka-recovery-form p { margin-bottom:18px; }
body.gka-auth .gka-recovery-back { display:block; margin:24px auto 0; padding:0; border:0; background:none; color:#171717; font-size:13px; cursor:pointer; }
body.gka-auth .gka-recovery-error { margin-top:16px; color:#b52c42; font-size:13px; }
@media(max-width:700px) { body.gka-auth .yatbt-auth-legal { display:block; } }

body.gka-auth .yatbt-register-field small { display:none; }
body.gka-auth .gka-password-control { position:relative; }
body.gka-auth .gka-password-control input { padding-right:72px!important; }
body.gka-auth .gka-password-toggle { position:absolute; right:12px; top:50%; transform:translateY(-50%); padding:5px; border:0; background:transparent; color:#171717; font:13px Montserrat,Arial,sans-serif; cursor:pointer; }
body.gka-auth .gka-password-mismatch { margin:7px 0 0; color:#b52c42; font:13px/1.4 Montserrat,Arial,sans-serif; }
body.gka-auth .gka-password-mismatch[hidden] { display:none; }

body.gka-auth .yatbt-auth-aside { position:relative; }
body.gka-auth .gka-auth-center-logo { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:block; width:min(52%,340px); height:auto; max-height:58%; object-fit:contain; pointer-events:none; }

body.gka-auth .gka-auth-logo-shine { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:min(52%,340px); aspect-ratio:1; max-height:58%; pointer-events:none; }
body.gka-auth .gka-auth-logo-shine .gka-auth-center-logo { position:static; transform:none; width:100%; height:100%; max-height:none; object-fit:contain; }
body.gka-auth .gka-auth-logo-shine::after { content:''; position:absolute; inset:0; background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.08) 43%,rgba(255,255,255,.85) 49%,rgba(255,255,255,.15) 55%,transparent 61%); background-size:300% 100%; background-position:120% 0; -webkit-mask:var(--auth-logo-mask) center/contain no-repeat; mask:var(--auth-logo-mask) center/contain no-repeat; animation:gka-logo-shine 6s ease-in-out infinite; }
@keyframes gka-logo-shine { 0%,15% { background-position:120% 0; opacity:0; } 20% { opacity:1; } 55% { background-position:-20% 0; opacity:1; } 65%,100% { background-position:-20% 0; opacity:0; } }
@media(prefers-reduced-motion:reduce) { body.gka-auth .gka-auth-logo-shine::after { animation:none; display:none; } }