/* Hide the optional Passkey education accordion and its entire explanation. */
.account-page .rapls-pk-help,.account-page .rapls-pk-help-inline{display:none!important}

/* Refined passwordless methods: small disclosures, matching the approved editorial layout. */
.account-page .hr-passwordless-options{max-width:740px;margin:20px auto 0;padding:0;background:transparent;border:0}
.account-page .hr-passwordless-caption{font:500 .8rem/1.9 "IRANYekanX",Tahoma,sans-serif;color:#77786e;text-align:center;margin:0 0 11px}
.account-page .hr-passwordless-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}
.account-page .hr-passwordless-item{min-width:0;padding:0;margin:0;border:1px solid #dfe4d8;border-radius:14px;background:#fffdfa;box-shadow:0 4px 18px #33472d09;transition:border-color .2s,box-shadow .2s}
.account-page .hr-passwordless-item[open]{border-color:#9caf95;box-shadow:0 9px 25px #33472d12}
.account-page .hr-passwordless-item>summary{display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;list-style:none;min-height:48px;padding:9px 12px;font:700 .83rem/1.6 "IRANYekanX",Tahoma,sans-serif;color:#3d5037;text-align:center}
.account-page .hr-passwordless-item>summary::-webkit-details-marker{display:none}
.account-page .hr-passwordless-chevron{display:inline-block;transition:transform .2s}
.account-page .hr-passwordless-item[open] .hr-passwordless-chevron{transform:rotate(180deg)}
.account-page .hr-passwordless-content{padding:3px 13px 16px;animation:editorIn .25s ease-out}
.account-page .hr-passwordless-content>p{margin:0 0 10px;font:400 .78rem/1.9 "IRANYekanX",Tahoma,sans-serif;color:#6b7066}
.account-page .hr-passwordless-item :is(input,button,label,span){font-family:"IRANYekanX",Tahoma,sans-serif!important}
.account-page .hr-passwordless-item input{box-sizing:border-box;max-width:100%;width:100%;min-height:45px;border:1px solid #d8ddd3;border-radius:10px;padding:10px;background:#fff}
.account-page .hr-passwordless-item input:focus{outline:2px solid #6f8763;outline-offset:2px}
.account-page .hr-passwordless-item button,.account-page .hr-passwordless-item .magic-link-submit{width:100%;min-height:45px;border-radius:10px;cursor:pointer;background:#46563e!important;color:#fff!important;border:0;font:700 .85rem/1.5 "IRANYekanX",Tahoma,sans-serif!important}
.account-page .hr-passwordless-item .magic-link-form-container{max-width:none!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.account-page .hr-passwordless-item .magic-link-field{margin-bottom:9px!important}
.account-page .hr-passwordless-item .magic-link-field label,.account-page .hr-passwordless-item .rapls-pk-fe-label{font-size:.79rem!important;color:#585d55}
.account-page .hr-passwordless-item .rapls-pk-fe{max-width:100%;width:100%}
.account-page .hr-passkey-management{margin-top:24px;padding:21px;border:1px solid #e1e5da;border-radius:16px;background:#fffdf8}
.account-page .hr-passkey-management :is(input,button,label){font-family:"IRANYekanX",Tahoma,sans-serif!important}
@media(max-width:600px){.account-page .hr-passwordless-options{padding:0 5px}.account-page .hr-passwordless-tabs{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.account-page .hr-passwordless-item,.account-page .hr-passwordless-chevron{transition:none!important}.account-page .hr-passwordless-content{animation:none!important}}

/* Auth concept 03 — Editorial Motion / Hossein Ramezani.
   Scoped to the existing login and registration templates only. */
.account-page:has(.account-panel--form){--ink:#20251f;--olive:#4b5e42;--sand:#f5f1e8;max-width:1120px;padding:0 clamp(12px,3vw,32px) 90px;isolation:isolate}
.account-page:has(.account-panel--form)::before{content:"";position:absolute;inset:20px 0 auto;height:620px;z-index:-1;background:radial-gradient(ellipse at 50% 42%,rgba(158,176,136,.12),transparent 65%);filter:none;pointer-events:none;animation:editorGlow 10s ease-in-out infinite alternate}
.account-page:has(.account-panel--form) .account-hero{max-width:760px;margin:18px auto 0;text-align:center;animation:editorIn .8s both}
.account-page:has(.account-panel--form) .account-hero small{display:inline-block;letter-spacing:.03em;padding:8px 16px;border:1px solid #d6d9cb;border-radius:999px;background:#ffffffa1;color:#53664a}
.account-page:has(.account-panel--form) .account-hero h1{font-size:clamp(2.1rem,5.3vw,4.5rem);line-height:1.35;letter-spacing:-.065em;font-weight:850;color:var(--ink);margin:22px 0 10px}
.account-page:has(.account-panel--form) .account-hero h1 em{color:var(--olive);font-style:normal;background:none}
.account-page:has(.account-panel--form) .account-hero p{margin:0 auto;max-width:650px;font-size:.92rem;line-height:2.1;color:#62665d}
.account-page:has(.account-panel--form) .account-auth-switch{margin:24px auto 0;box-shadow:none;border:1px solid #d7dacd;background:#fff;border-radius:16px;padding:5px;max-width:100%;animation:editorIn .8s .1s both}
.account-page:has(.account-panel--form) .account-auth-switch a{border-radius:11px}
.account-page:has(.account-panel--form) .account-panel--form{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);column-gap:clamp(32px,5vw,72px);row-gap:0;align-items:center;overflow:visible;margin-top:32px;border-radius:28px;padding:clamp(24px,4.2vw,58px);background:#fffdf9;border:1px solid #dfe2d5;box-shadow:0 15px 55px #303d2710,0 1px 4px #303d2709;animation:editorIn .8s .16s both}
.account-page:has(.account-panel--form) .account-panel--form::before{content:"";position:absolute;inset:auto auto -17px -17px;width:130px;height:130px;background:repeating-linear-gradient(45deg,#b9c4a54d 0 1px,transparent 1px 10px);border-radius:0 0 32px 0;z-index:-1;opacity:.58;pointer-events:none}
.account-page:has(.account-panel--form) .account-panel-copy{position:relative;grid-column:1;grid-row:1 / span 2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;overflow:visible;min-height:0;align-self:center;background:transparent;color:var(--ink);border-radius:0;padding:20px 0 20px 8px}
.account-page:has(.account-panel--form) .account-panel-copy::before{content:"";width:64px;height:64px;margin:0 0 23px;border:1px solid #b4c0a5;border-radius:20px;background:radial-gradient(circle,#566c4e 0 6px,transparent 7px),radial-gradient(circle,transparent 0 16px,#91a186 17px 18px,transparent 19px),#eef1e7;box-shadow:0 0 0 7px #eef1e68f;animation:editorFloat 5s ease-in-out infinite;transform-origin:center}
.account-page:has(.account-panel--form) .account-panel-copy::after{content:"";position:absolute;right:-23px;top:5%;bottom:5%;width:1px;background:linear-gradient(transparent,#daddd2 15% 85%,transparent);font-size:0;animation:none}
.account-page:has(.account-panel--form) .account-panel-copy small{color:#68805e;font-size:.78rem;font-weight:800}
.account-page:has(.account-panel--form) .account-panel-copy h2{font-size:clamp(1.65rem,3vw,2.75rem);line-height:1.44;margin:12px 0 14px;color:var(--ink);letter-spacing:-.04em;max-width:440px}
.account-page:has(.account-panel--form) .account-panel-copy p{font-size:.92rem;color:#62675f;line-height:2.15}
.account-page:has(.account-panel--form) .account-benefits{margin-top:25px;display:grid;gap:9px}
.account-page:has(.account-panel--form) .account-benefits li{background:transparent;border:0;border-bottom:1px solid #ebede6;color:#526052;border-radius:0;padding:6px 27px 10px 2px;font-size:.84rem;transition:transform .2s,color .2s}
.account-page:has(.account-panel--form) .account-benefits li::before{content:"↖";right:0;top:4px;color:#607b57;font-weight:900}
.account-page:has(.account-panel--form) .account-benefits li:hover{transform:translateX(-3px);color:#222b20;background:transparent}
.account-page:has(.account-panel--form) .account-form{grid-column:2;grid-row:1;min-width:0;gap:18px;padding:8px 0;background:transparent}
.account-page:has(.account-panel--form) .account-form label:not(.account-check):not(.newsletter-hp){display:grid;gap:7px}
.account-page:has(.account-panel--form) .account-form label>span{font-size:.85rem;font-weight:750;color:#333b31}
.account-page:has(.account-panel--form) .account-form input:is([type=text],[type=email],[type=password],[type=tel]){width:100%;min-height:56px;border-radius:12px;border:1px solid #daddd4;background:#f8f9f5;color:#253025;box-shadow:inset 0 1px 3px #24352208;font-size:.95rem;transition:background .24s,border-color .24s,box-shadow .24s,transform .24s}
.account-page:has(.account-panel--form) .account-form input:is([type=text],[type=email],[type=password],[type=tel]):focus{background:#fff;border-color:#7c9472;box-shadow:0 0 0 4px #78996e20;outline:none;transform:translateY(-1px)}
.account-page:has(.account-panel--form) .account-form .account-primary{position:relative;overflow:hidden;min-height:56px;border:0;border-radius:12px;color:white;background:var(--ink);box-shadow:none;font-size:.95rem;font-weight:800;transition:transform .22s,background .22s,box-shadow .22s}
.account-page:has(.account-panel--form) .account-form .account-primary::after{content:"";position:absolute;top:0;left:-65%;height:100%;width:40%;background:linear-gradient(90deg,transparent,#ffffff35,transparent);transform:skewX(-25deg);transition:left .65s}
.account-page:has(.account-panel--form) .account-form .account-primary:hover{transform:translateY(-2px);background:#3d5636;box-shadow:0 13px 22px #3b503528}
.account-page:has(.account-panel--form) .account-form .account-primary:hover::after{left:125%}
.account-page:has(.account-panel--form) .account-form .account-primary:active{transform:translateY(0)}
.account-page:has(.account-panel--form) .hr-google-auth{grid-column:2;grid-row:2;max-width:none;padding:0;margin:8px 0 0;background:none;border:0;text-align:center}
.account-page:has(.account-panel--form) .hr-google-auth__divider{display:flex;gap:12px;align-items:center;margin:12px 0 18px;color:#81877d;font-size:.8rem}
.account-page:has(.account-panel--form) .hr-google-auth__divider::before,.account-page:has(.account-panel--form) .hr-google-auth__divider::after{content:"";height:1px;background:#e1e4dc;flex:1}
.account-page:has(.account-panel--form) .hr-google-auth .nsl-container,.account-page:has(.account-panel--form) .hr-google-auth .nsl-container-buttons{width:100%!important;max-width:100%!important;display:block!important;text-align:center!important}
.account-page:has(.account-panel--form) .hr-google-auth .nsl-container a{display:block;width:100%}
.account-page:has(.account-panel--form) .hr-google-auth .nsl-button{display:flex!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;gap:12px;box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-height:56px!important;border:1px solid #d6dcd0!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important;transition:transform .22s,border-color .22s,box-shadow .22s!important}
.account-page:has(.account-panel--form) .hr-google-auth .nsl-button:hover{transform:translateY(-2px);border-color:#83997b!important;box-shadow:0 9px 20px #33482d16!important}
.account-page:has(.account-panel--form) .hr-google-auth .nsl-button-svg-container{position:static!important;flex:0 0 auto!important}
.account-page:has(.account-panel--form) .hr-google-auth .nsl-button-label-container{padding:0!important;flex:0 1 auto!important}
.account-page:has(.account-panel--form) .hr-google-auth__hint{font-size:.78rem;line-height:1.9;margin-top:12px;color:#777d72}
.account-page:has(.account-panel--form) .account-bottom-link{margin:25px auto 0;text-align:center;font-size:.86rem}
.account-page:has(.account-panel--form) .account-check input{accent-color:#49613f}
@keyframes editorIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes editorFloat{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-10px) rotate(7deg)}}
@keyframes editorGlow{to{transform:translateY(18px);opacity:.7}}
/* Equalize both OAuth controls, including VentraConnect's actual wsc wrapper. */
.account-page:has(.account-panel--form) .hr-google-auth .nsl-container,
.account-page:has(.account-panel--form) .hr-google-auth .nsl-container-buttons,
.account-page:has(.account-panel--form) .hr-github-auth,
.account-page:has(.account-panel--form) .hr-github-auth .wsc-buttons,
.account-page:has(.account-panel--form) .hr-github-auth .wsc-style-wide{
  width:100%!important;max-width:100%!important;min-width:0!important;
  box-sizing:border-box!important;
}
.account-page:has(.account-panel--form) .hr-google-auth .nsl-container a,
.account-page:has(.account-panel--form) .hr-github-auth a.vcs-btn{
  display:flex!important;width:100%!important;max-width:100%!important;
  min-height:56px!important;box-sizing:border-box!important;
  align-items:center!important;justify-content:center!important;
}
.account-page:has(.account-panel--form) .hr-google-auth .nsl-button,
.account-page:has(.account-panel--form) .hr-github-auth a.vcs-btn{
  width:100%!important;max-width:100%!important;min-height:56px!important;
  border:1px solid #d6dcd0!important;border-radius:12px!important;
  box-sizing:border-box!important;background:#fff!important;
  box-shadow:none!important;
}
.account-page:has(.account-panel--form) .hr-github-auth a.vcs-btn:hover{
  transform:translateY(-2px);border-color:#83997b!important;
  box-shadow:0 9px 20px #33482d16!important;
}
.account-page:has(.account-panel--form) .hr-github-auth .vcs-btn__icon svg{
  width:24px!important;height:24px!important;
}
@media(prefers-reduced-motion:reduce){
  .account-page:has(.account-panel--form) .hr-github-auth a.vcs-btn{transform:none!important}
}

/* GitHub OAuth button: same visual geometry as the approved Google button. */
.account-page .hr-github-auth{width:100%;margin:10px 0 0}
.account-page .hr-github-auth :is(a,button){font-family:"IRANYekanX",Tahoma,sans-serif!important}
.account-page .hr-github-auth .vcs-social-buttons,
.account-page .hr-github-auth .vcs-social-login,
.account-page .hr-github-auth .ventraconnect-sl-buttons{width:100%;max-width:100%}
.account-page .hr-github-auth a{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:12px;min-height:56px;width:100%;max-width:100%;background:#fff;border:1px solid #d6dcd0;border-radius:12px;color:#242a23;text-decoration:none;transition:transform .22s,border-color .22s,box-shadow .22s}
.account-page .hr-github-auth a:hover{transform:translateY(-2px);border-color:#83997b;box-shadow:0 9px 20px #33482d16}
.account-page .hr-github-auth :is(a,button):focus-visible{outline:3px solid #6c875e;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.account-page .hr-github-auth a{transition:none!important;transform:none!important}}

/* Typography alignment: inherit the same IRANYekanX used site-wide. */
.account-page:has(.account-panel--form),
.account-page:has(.account-panel--form) :is(h1,h2,h3,p,small,strong,span,li,label,a,button,input,em),
.account-page:has(.account-panel--form) .hr-google-auth .nsl-container,
.account-page:has(.account-panel--form) .hr-google-auth .nsl-button,
.account-page:has(.account-panel--form) .hr-google-auth .nsl-button-label-container,
.account-page:has(.account-panel--form) .hr-google-auth .nsl-button-label-container b{
  font-family:"IRANYekanX",Tahoma,sans-serif!important;
  font-synthesis:none;
}
.account-page:has(.account-panel--form) .account-hero h1{font-weight:800;letter-spacing:0}
.account-page:has(.account-panel--form) .account-panel-copy h2{font-weight:700;letter-spacing:0}
.account-page:has(.account-panel--form) .hr-google-auth .nsl-button-label-container{font-weight:500!important;direction:ltr}
.account-page:has(.account-panel--form) .account-form input{font-weight:400}

@media(max-width:760px){.account-page:has(.account-panel--form){padding-inline:12px}.account-page:has(.account-panel--form) .account-panel--form{grid-template-columns:minmax(0,1fr);gap:20px;padding:20px 18px}.account-page:has(.account-panel--form) .account-panel-copy{grid-column:1;grid-row:auto;padding:0 3px 15px;border-bottom:1px solid #e3e7df;align-items:flex-start}.account-page:has(.account-panel--form) .account-panel-copy::before{width:43px;height:43px;border-radius:13px;margin-bottom:13px}.account-page:has(.account-panel--form) .account-panel-copy::after{display:none}.account-page:has(.account-panel--form) .account-panel-copy h2{margin:7px 0;font-size:clamp(1.55rem,5.8vw,2.15rem)}.account-page:has(.account-panel--form) .account-benefits{margin-top:10px;gap:0}.account-page:has(.account-panel--form) .account-benefits li{font-size:.79rem;padding-block:4px}.account-page:has(.account-panel--form) .account-form{grid-column:1;grid-row:auto;padding:0}.account-page:has(.account-panel--form) .hr-google-auth{grid-column:1;grid-row:auto;margin-top:-10px}.account-page:has(.account-panel--form) .account-hero h1{font-size:clamp(1.95rem,7.7vw,3.05rem)}}
@media(max-width:375px){.account-page:has(.account-panel--form) .account-panel--form{padding:15px 13px}.account-page:has(.account-panel--form) .account-auth-switch{font-size:.74rem}.account-page:has(.account-panel--form) .hr-google-auth .nsl-button-label-container{font-size:.84rem!important}}
@media(prefers-reduced-motion:reduce){.account-page:has(.account-panel--form)::before,.account-page:has(.account-panel--form) .account-hero,.account-page:has(.account-panel--form) .account-panel--form,.account-page:has(.account-panel--form) .account-auth-switch,.account-page:has(.account-panel--form) .account-panel-copy::before{animation:none!important}.account-page:has(.account-panel--form) .account-form .account-primary::after{display:none}.account-page:has(.account-panel--form) .account-form input,.account-page:has(.account-panel--form) .hr-google-auth .nsl-button{transition:none!important;transform:none!important}}