@layer reset,base;@layer components{.nafath{gap:var(--hw-space-4);display:grid}.nafath__intro{color:var(--hw-ink-2);max-inline-size:var(--hw-measure)}.nafath__form{gap:var(--hw-space-4);display:grid}.nafath__submit{justify-content:flex-end;display:flex}@media (width<=599px){.nafath__submit{grid-template-columns:1fr;display:grid}}.nafath__match{gap:var(--hw-space-4);justify-items:stretch;display:grid}.nafath__instruction{justify-content:center;align-items:center;gap:var(--hw-space-2);text-align:center;flex-wrap:wrap;max-inline-size:none;display:flex}.nafath__logo{block-size:24px;inline-size:auto}.nafath__stage:focus{outline:none}.nafath__stage:focus-visible{outline:2px solid var(--hw-focus);outline-offset:4px;border-radius:var(--hw-radius-sm)}.nafath__code{font-size:var(--hw-text-3xl);font-weight:var(--hw-weight-bold);font-variant-numeric:tabular-nums;letter-spacing:.08em;text-align:center;color:var(--hw-brand-text);background:var(--hw-brand-soft);padding:var(--hw-space-4) var(--hw-space-6);border-radius:var(--hw-radius-lg);line-height:var(--hw-leading-tight)}.nafath__open{min-block-size:var(--hw-touch);padding-inline:var(--hw-space-4);border:1px solid var(--hw-brand);border-radius:var(--hw-radius-md);color:var(--hw-brand-text);font-weight:var(--hw-weight-semibold);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.nafath__open:hover{text-decoration:underline}.nafath__open:focus-visible{outline:2px solid var(--hw-focus);outline-offset:2px}.nafath__actions{gap:var(--hw-space-3);flex-flow:row-reverse wrap;justify-content:flex-end;display:flex}@media (width<=599px){.nafath__actions{grid-template-columns:1fr;display:grid}}.login{gap:var(--hw-space-8);padding-block:var(--hw-space-8) var(--hw-space-10);align-items:start;display:grid}.login__form{gap:var(--hw-space-4);align-content:start;justify-self:center;inline-size:min(100%,30rem);display:grid}.login__back{align-items:center;gap:var(--hw-space-1);min-block-size:var(--hw-touch);color:var(--hw-brand-text);font-weight:var(--hw-weight-medium);justify-self:start;text-decoration:none;display:inline-flex}.login__back:hover{text-decoration:underline}.login__head{gap:var(--hw-space-2);display:grid}.login__eyebrow{font-size:var(--hw-text-sm);font-weight:var(--hw-weight-semibold);color:var(--hw-brand-text)}.login__title{font-size:var(--hw-text-section);line-height:1.27}.login__intro{color:var(--hw-ink-2)}.login__panel{gap:var(--hw-space-4);padding:var(--hw-space-5);border:1px solid var(--hw-line);border-radius:var(--hw-radius-lg);background:var(--hw-bg-elevated);box-shadow:var(--hw-shadow-2);display:grid}.login__panel-head{align-items:center;gap:var(--hw-space-3);display:flex}.login__panel-logo{block-size:28px;inline-size:auto}.login__panel-title{font-size:var(--hw-text-md);font-weight:var(--hw-weight-semibold)}.login__steps{gap:var(--hw-space-2);padding:var(--hw-space-3);border-radius:var(--hw-radius-md);background:var(--hw-bg-sunken);font-size:var(--hw-text-sm);color:var(--hw-ink-2);margin:0;list-style:none;display:grid}.login__steps li{align-items:center;gap:var(--hw-space-2);min-inline-size:0;display:flex}.login__step-n{border-radius:var(--hw-radius-pill);background:var(--hw-brand);block-size:24px;inline-size:24px;color:var(--hw-on-brand);font-size:var(--hw-text-xs);font-weight:var(--hw-weight-bold);font-variant-numeric:tabular-nums;flex:none;place-items:center;display:grid}@media (width>=480px){.login__steps{gap:var(--hw-space-3);grid-template-columns:repeat(3,minmax(0,1fr))}.login__steps li{align-items:flex-start}}.login__status{align-items:center;gap:var(--hw-space-2);color:var(--hw-ink-2);display:flex}.login__note{font-size:var(--hw-text-sm)}.login__note summary{align-items:center;gap:var(--hw-space-2);min-block-size:32px;padding-inline:var(--hw-space-3);border-radius:var(--hw-radius-full,999px);background:var(--hw-info-soft,var(--hw-brand-soft));color:var(--hw-brand-text);font-weight:var(--hw-weight-medium);cursor:pointer;list-style:none;display:inline-flex}.login__note summary::-webkit-details-marker{display:none}.login__note summary:focus-visible{outline:2px solid var(--hw-brand);outline-offset:2px}.login__note[open] p{padding:var(--hw-space-3);border-radius:var(--hw-radius-md);background:var(--hw-info-soft,var(--hw-brand-soft));color:var(--hw-ink);margin-block-start:var(--hw-space-2);line-height:1.8}.login__noscript{padding:var(--hw-space-4);border:1px solid var(--hw-warning);border-radius:var(--hw-radius-md);background:var(--hw-warning-soft);color:var(--hw-ink);display:block}.login .nafath__submit{grid-template-columns:1fr;display:grid}.login__help{border-block-start:1px solid var(--hw-line);color:var(--hw-ink-2);font-size:var(--hw-text-sm);padding-block-start:var(--hw-space-4)}.login__help a{color:var(--hw-brand-text);font-weight:var(--hw-weight-semibold)}.login__app{gap:var(--hw-space-3);padding:var(--hw-space-4);border:1px solid var(--hw-line);border-radius:var(--hw-radius-lg);background:var(--hw-bg-sunken);grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid}.login__app-icon{border-radius:var(--hw-radius-md);background:var(--hw-brand-soft);block-size:48px;inline-size:48px;color:var(--hw-brand-text);font-weight:var(--hw-weight-bold);font-size:var(--hw-text-sm);place-items:center;display:grid}.login__app-title{font-weight:var(--hw-weight-semibold);max-width:none}.login__app-desc{color:var(--hw-ink-2);font-size:var(--hw-text-sm);max-width:none}.login__app-links{gap:var(--hw-space-2);flex-wrap:wrap;grid-column:1/-1;margin:0;padding:0;list-style:none;display:flex}.login__app-links a{min-block-size:var(--hw-touch);padding-inline:var(--hw-space-4);border:1px solid var(--hw-brand);border-radius:var(--hw-radius-md);color:var(--hw-brand-text);font-size:var(--hw-text-sm);font-weight:var(--hw-weight-medium);align-items:center;text-decoration:none;display:inline-flex}.login__app-links a:hover{background:var(--hw-brand-soft)}.login__demo{font-size:var(--hw-text-sm);color:var(--hw-ink-3)}.login__demo summary{min-block-size:var(--hw-touch);cursor:pointer;color:var(--hw-ink);align-items:center;display:flex}.login__demo ul{gap:var(--hw-space-2);padding:var(--hw-space-2) 0 0;margin:0;list-style:none;display:grid}.login__demo-id{align-items:center;gap:var(--hw-space-1) var(--hw-space-3);inline-size:100%;min-block-size:var(--hw-touch);padding:var(--hw-space-2) var(--hw-space-3);border:1px dashed var(--hw-line-strong);border-radius:var(--hw-radius-md);color:var(--hw-ink-2);font:inherit;text-align:start;cursor:pointer;background:0 0;flex-wrap:wrap;display:flex}.login__demo-id bdi{font-weight:var(--hw-weight-semibold);color:var(--hw-ink);font-variant-numeric:tabular-nums}.login__demo-id:hover{border-color:var(--hw-brand);color:var(--hw-ink)}.login__demo-id:focus-visible{outline:2px solid var(--hw-focus);outline-offset:2px}.login__promo{isolation:isolate;padding:var(--hw-space-8) var(--hw-space-6);border-radius:var(--hw-radius-xl);border-block-start:4px solid var(--login-accent,var(--hw-ref-green-100));background:linear-gradient(160deg,var(--hw-ref-green-800),var(--hw-ref-green-900));color:var(--hw-ref-green-50);align-content:start;align-self:stretch;display:grid;position:relative;overflow:hidden}.login__promo:before{content:"";z-index:-1;background:radial-gradient(60% 55% at 25% 15%,color-mix(in srgb,var(--login-accent,var(--hw-ref-green-100)) 22%,transparent),transparent 70%);pointer-events:none;position:absolute;inset:0}.login__promo:after{content:"";z-index:-1;opacity:.09;filter:brightness(0)invert();pointer-events:none;background:url(../brand/pattern-outline.svg) 50%/220px;block-size:520px;inline-size:520px;position:absolute;inset-block-end:-140px;inset-inline-end:-140px;-webkit-mask:radial-gradient(closest-side,#000 45%,#0000);mask:radial-gradient(closest-side,#000 45%,#0000)}.login__promo--green{--login-accent:color-mix(in srgb, var(--hw-ref-green-600) 45%, var(--hw-ref-green-50))}.login__promo--copper{--login-accent:color-mix(in srgb, var(--hw-ref-copper-600) 75%, var(--hw-ref-green-50))}.login__promo--forest{--login-accent:var(--hw-ref-green-100)}.login__promo--gold{--login-accent:var(--hw-ref-gold-500)}.login__promo--olive{--login-accent:color-mix(in srgb, var(--hw-ref-gold-500) 45%, var(--hw-ref-green-100))}.login__promo-inner{gap:var(--hw-space-2);inline-size:min(100%,44rem);margin-inline:auto;display:grid}.login__promo-lockup{margin-block-end:var(--hw-space-4)}.login__promo-sub{font-size:var(--hw-text-sm);font-weight:var(--hw-weight-semibold);letter-spacing:.02em;color:var(--login-accent,var(--hw-ref-green-100))}.login__promo-title{font-size:var(--hw-text-section);line-height:1.27;font-weight:var(--hw-weight-bold);color:var(--hw-ref-green-50);max-inline-size:22ch}.login__promo-desc{color:color-mix(in srgb,var(--hw-ref-green-50) 82%,transparent);max-inline-size:52ch}.login__services-title{font-size:var(--hw-text-md);font-weight:var(--hw-weight-semibold);color:var(--hw-ref-green-50);margin-block-start:var(--hw-space-6)}.login__services{gap:var(--hw-space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));margin:0;padding:0;list-style:none;display:grid}.login__service{gap:2px var(--hw-space-3);padding:var(--hw-space-3);border:1px solid color-mix(in srgb,var(--hw-ref-green-50) 14%,transparent);border-radius:var(--hw-radius-md);background:color-mix(in srgb,var(--hw-ref-green-50) 6%,transparent);grid-template-columns:40px minmax(0,1fr);align-content:start;display:grid}.login__service-icon{border-radius:var(--hw-radius-pill);background:color-mix(in srgb,var(--login-accent,var(--hw-ref-green-100)) 20%,transparent);block-size:40px;inline-size:40px;color:var(--login-accent,var(--hw-ref-green-100));grid-row:span 2;place-items:center;display:grid}.login__service-title{font-weight:var(--hw-weight-semibold);color:var(--hw-ref-green-50)}.login__service-desc{font-size:var(--hw-text-sm);color:color-mix(in srgb,var(--hw-ref-green-50) 78%,transparent);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.6;display:-webkit-box;overflow:hidden}@media (width>=1000px){.login.has-promo{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:0;inline-size:100%;margin:0;padding:0}.login.has-promo .login__form{inline-size:min(100% - 2 * var(--hw-space-8),32rem);padding-block:var(--hw-space-10);place-self:start center}.login.has-promo .login__promo{padding:var(--hw-space-10) clamp(var(--hw-space-8),5vw,var(--hw-space-16)) var(--hw-space-12);border-radius:0}}}@layer utilities;