/* =====================================================================
   صفحه ورود — فقط با گوگل
   ===================================================================== */
.fk-login{min-height:calc(100vh - 130px);display:grid;place-items:center;padding-block:24px}
.fk-login__grid{width:min(100% - 32px,980px);display:grid;gap:0;border-radius:calc(var(--fk-r) * 1.4);
  overflow:hidden;background:var(--fk-surface);border:1px solid var(--fk-line);box-shadow:var(--fk-shadow-lg)}
@media(min-width:860px){.fk-login__grid{grid-template-columns:1fr .82fr}}

.fk-login__panel{padding:clamp(26px,5vw,46px)}
.fk-login__inner{display:grid;gap:16px;justify-items:start;max-width:400px;margin-inline:auto}
.fk-login__logo{margin-bottom:4px}
.fk-login__h{font-size:clamp(24px,5.4vw,32px);font-weight:900}
.fk-login__p{margin:0;font-size:14.5px;color:var(--fk-muted);line-height:2.05}

/* دکمه گوگل */
.fk-gbtn{width:100%;display:grid;gap:10px}
.fk-gbtn__btn{position:relative;display:flex;align-items:center;justify-content:center;gap:11px;
  width:100%;padding:14px 20px;border-radius:99px;font-size:15px;font-weight:600;
  background:var(--fk-ink);color:var(--fk-paper);
  transition:transform .2s var(--fk-ease),box-shadow .25s,opacity .2s;
  box-shadow:0 8px 22px -10px color-mix(in srgb,var(--fk-ink) 70%,transparent)}
.fk-gbtn__btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px -12px color-mix(in srgb,var(--fk-ink) 75%,transparent)}
.fk-gbtn__btn:active{transform:scale(.97)}
.fk-gbtn__logo{width:19px;height:19px;background:#fff;border-radius:50%;padding:2px;flex:none}
.fk-gbtn__spin{display:none;width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;
  border-radius:50%;animation:fk-spin .7s linear infinite}
.fk-gbtn[data-state="busy"] .fk-gbtn__spin{display:block}
.fk-gbtn[data-state="busy"] .fk-gbtn__btn{opacity:.72;pointer-events:none}
.fk-gbtn[data-state="done"] .fk-gbtn__btn{background:var(--fk-turq)}
.fk-gbtn__slot{min-height:0}
.fk-gbtn__msg{margin:0;font-size:13px;min-height:1.2em}
.fk-gbtn__msg.is-error{color:#d63638}
.fk-gbtn__msg.is-ok{color:var(--fk-turq)}
.fk-login__warn{font-size:13.5px;color:#d63638;background:color-mix(in srgb,#d63638 8%,transparent);
  padding:12px 16px;border-radius:var(--fk-r-sm);margin:0}

.fk-login__perks{display:grid;gap:10px;width:100%;margin-top:4px}
.fk-login__perks li{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--fk-muted);line-height:1.9}
.fk-login__perks svg{flex:none;margin-top:5px;color:var(--fk-turq)}
.fk-login__legal{margin:0;font-size:12px;color:var(--fk-muted);line-height:1.9}
.fk-login__legal a{color:var(--fk-turq);text-decoration:underline;text-underline-offset:3px}
.fk-login__back{font-size:13px;color:var(--fk-muted);transition:color .2s}
.fk-login__back:hover{color:var(--fk-turq)}

/* پنل تصویری با مدار چرخان — تنها جای پرریسک طراحی، عمداً یکی */
.fk-login__aside{display:none;position:relative;overflow:hidden;
  background:linear-gradient(150deg,var(--fk-lapis),color-mix(in srgb,var(--fk-turq) 45%,var(--fk-lapis)));
  color:#fff;padding:44px 34px;place-content:center;text-align:center}
@media(min-width:860px){.fk-login__aside{display:grid}}
.fk-login__orbit{position:relative;display:grid;place-items:center;width:210px;height:210px;margin-inline:auto}
.fk-orbit{position:absolute;border:1.5px solid rgb(255 255 255/.28);border-radius:50%}
.fk-orbit--1{inset:0;animation:fk-spin 22s linear infinite}
.fk-orbit--2{inset:26px;border-style:dashed;animation:fk-spin 16s linear infinite reverse}
.fk-orbit--3{inset:54px;animation:fk-spin 30s linear infinite}
.fk-orbit--1::after,.fk-orbit--2::after{content:'';position:absolute;top:-5px;inset-inline-start:calc(50% - 5px);
  width:10px;height:10px;border-radius:50%;background:var(--fk-saffron)}
.fk-orbit--2::after{background:#fff;width:7px;height:7px;top:-4px}
.fk-login__glyph{font-size:64px;font-weight:900;line-height:1;opacity:.95}
.fk-login__quote{margin:28px 0 0}
.fk-login__quote p{margin:0;font-size:16px;line-height:2;opacity:.9;max-width:26ch;margin-inline:auto}

@media(prefers-reduced-motion:reduce){.fk-orbit{animation:none !important}}
