.blog-login{--bl-primary:#2ba283;--bl-primary-dark:#20876d;--bl-fg:#141414;--bl-text:#555;--bl-muted:#8a8a8a;--bl-border:#e4e4e4;--bl-card:#fff;--bl-soft:#eff5f3;width:min(100% - 40px,1120px);margin-inline:auto;padding:clamp(28px,5vw,64px) 0}.geeky-dark .blog-login{--bl-fg:#ededed;--bl-text:#b6b6b6;--bl-muted:#8a8a8a;--bl-border:#333;--bl-card:#171717;--bl-soft:#1c2623}.blog-login *{box-sizing:border-box}.bl-kicker{color:var(--bl-primary);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:11px;font-weight:800}.blog-login-wrap{border:1px solid var(--bl-border);background:var(--bl-card);border-radius:16px;display:flex;overflow:hidden}.blog-login-brand{color:#fff;background:#10241d;flex-direction:column;flex:1 1 0;justify-content:space-between;gap:40px;min-width:0;padding:clamp(32px,4vw,56px);display:flex;position:relative;overflow:hidden}.geeky-dark .blog-login-brand{background:#0c1613}.blog-login-brand:before{content:"";pointer-events:none;border:36px solid #2ba28342;border-radius:50%;width:280px;height:280px;position:absolute;bottom:-90px;right:-90px}.blog-login-brand .bl-kicker{color:#6fd4b8}.blog-login-brand-head h1{letter-spacing:-1px;text-wrap:balance;margin:14px 0 0;font-size:clamp(28px,3.4vw,42px);font-weight:800;line-height:1.08}.blog-login-brand-head p{color:#ffffffbd;max-width:44ch;margin:16px 0 0;font-size:15px;line-height:1.75}.blog-login-points{z-index:1;gap:14px;margin:0;padding:0;list-style:none;display:grid;position:relative}.blog-login-points li{color:#ffffffdb;align-items:flex-start;gap:12px;font-size:13.5px;line-height:1.5;display:flex}.blog-login-points li:before{content:"✓";color:#6fd4b8;background:#2ba28347;border-radius:50%;flex:0 0 22px;place-items:center;width:22px;height:22px;font-size:12px;font-weight:900;display:grid}.blog-login-auth{flex-direction:column;flex:1 1 0;justify-content:center;min-width:0;padding:clamp(32px,4vw,56px);display:flex}.blog-login-auth h2{color:var(--bl-fg);letter-spacing:-.5px;margin:12px 0 0;font-size:clamp(22px,2.6vw,30px);font-weight:800}.blog-login-auth-intro{color:var(--bl-text);margin:12px 0 0;font-size:14px;line-height:1.7}.blog-login-providers{gap:11px;margin-top:28px;display:grid}.blog-login-providers a{border:1px solid var(--bl-border);min-height:52px;color:var(--bl-fg);border-radius:11px;align-items:center;gap:13px;padding:12px 18px;font-size:14px;font-weight:700;transition:border-color .16s,background .16s,transform .16s;display:flex}.blog-login-providers a:hover{border-color:var(--bl-primary);background:var(--bl-soft)}.blog-login-providers a:focus-visible{outline:2px solid var(--bl-primary);outline-offset:2px}.blog-login-providers b{background:var(--bl-soft);width:34px;height:34px;color:var(--bl-primary);border-radius:50%;flex:0 0 34px;place-items:center;font-size:15px;font-weight:900;display:grid}.blog-login-providers a span{min-width:0}.blog-login-providers a em{color:var(--bl-muted);margin-left:auto;font-size:17px;font-style:normal}.blog-login-alert{border-radius:10px;align-items:flex-start;gap:10px;margin-top:20px;padding:12px 15px;font-size:13px;line-height:1.55;display:flex}.blog-login-alert-error{color:#a12414;background:#fdecea;border:1px solid #f4c7c0}.geeky-dark .blog-login-alert-error{color:#f0a99e;background:#2a1512;border-color:#5a2a22}.blog-login-status{color:var(--bl-text);align-items:center;gap:10px;margin-top:24px;font-size:13px;font-weight:700;display:flex}.blog-login-spinner{border:2px solid var(--bl-border);border-top-color:var(--bl-primary);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite bl-spin}@keyframes bl-spin{to{transform:rotate(360deg)}}.blog-login-legal{color:var(--bl-muted);margin-top:26px;font-size:11.5px;line-height:1.7}.blog-login-legal a{color:var(--bl-text);text-underline-offset:2px;font-weight:700;text-decoration:underline}.blog-login-legal a:hover{color:var(--bl-primary)}.blog-login-back{color:var(--bl-text);align-items:center;gap:8px;margin-top:24px;font-size:13px;font-weight:700;display:inline-flex}.blog-login-back:before{content:"←";font-size:15px}.blog-login-back:hover{color:var(--bl-primary)}.blog-login-welcome{border:1px solid var(--bl-border);background:var(--bl-soft);border-radius:12px;align-items:center;gap:14px;margin-top:22px;padding:16px;display:flex}.blog-login-welcome img,.blog-login-welcome span.blog-login-avatar{object-fit:cover;border-radius:50%;flex:0 0 46px;width:46px;height:46px}.blog-login-welcome span.blog-login-avatar{background:var(--bl-primary);color:#fff;place-items:center;font-size:18px;font-weight:800;display:grid}.blog-login-welcome-copy strong{color:var(--bl-fg);font-size:15px;font-weight:800;display:block}.blog-login-welcome-copy small{color:var(--bl-muted);font-size:12px}.blog-login-actions{gap:10px;margin-top:18px;display:grid}.bl-btn{cursor:pointer;border:1px solid var(--bl-primary);border-radius:999px;justify-content:center;align-items:center;height:48px;font-size:13px;font-weight:800;transition:background .16s,color .16s;display:inline-flex}.bl-btn-primary{background:var(--bl-primary);color:#fff}.bl-btn-primary:hover{background:var(--bl-primary-dark);border-color:var(--bl-primary-dark)}.bl-btn-ghost{color:var(--bl-primary);background:0 0}.bl-btn-ghost:hover{background:var(--bl-soft)}.blog-login-signout{color:var(--bl-muted);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;margin-top:14px;padding:0;font-size:12px;font-weight:700;text-decoration:underline}.blog-login-signout:hover{color:var(--bl-primary)}@media (max-width:860px){.blog-login-wrap{flex-direction:column-reverse}.blog-login-brand{gap:26px}}