.signin-page{min-height:100svh}.signin-header{max-width:var(--public-content-width);width:calc(100% - 2 * var(--public-page-gutter));margin-inline:auto;padding-block:var(--public-space-8);display:flex;justify-content:space-between;align-items:center;gap:var(--public-space-6)}.signin-header>a:last-child{display:inline-flex;align-items:center;gap:var(--public-space-3);min-height:44px;font-size:var(--public-small-size);font-weight:500;color:var(--public-selected-ink)}.signin-header>a:last-child:hover{text-decoration:underline;text-underline-offset:4px}.signin-layout{display:grid;grid-template-columns:1.1fr 1fr;grid-template-areas:"story form";align-items:center;gap:var(--public-space-16);max-width:var(--public-content-width);width:calc(100% - 2 * var(--public-page-gutter));margin-inline:auto;padding-block:var(--public-space-10) var(--public-space-16)}.signin-story{grid-area:story;min-width:0}.signin-story img{display:block;width:100%;height:auto;max-height:480px;object-fit:contain;margin-top:var(--public-space-6)}.signin-content{grid-area:form;min-width:0;max-width:460px;width:100%;padding-block:var(--public-space-8)}.signin-content>section:first-child{margin-top:0}.signin-content>section[aria-label="Sign-in options"]{margin-top:var(--public-space-8)}.signin-page .signin-content h1{font-size:var(--public-h3-size);line-height:var(--public-h3-line);letter-spacing:-.03em}.signin-content h1 span{color:var(--public-action);position:relative;isolation:isolate;display:inline-block}.signin-content h1 span:before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:auto 0 -24px;height:64px;background:url(/brand/marketing/swoosh-gold.webp) center / contain no-repeat;opacity:.35}.signin-content :is(section>p:not(.eyebrow),label,input){font-size:var(--public-body-size);line-height:1.5}.signin-content .heart-enter{animation:none}.signin-content .border-y{padding:var(--public-space-4);border:1px solid var(--public-line);border-radius:var(--public-radius-card);background:var(--public-page)}.signin-content .truncate{white-space:normal;overflow-wrap:anywhere}.signin-content .bg-navy{background:var(--public-selected);color:var(--public-selected-ink)}.signin-content :is(a,button).underline{text-decoration-color:var(--public-action);text-underline-offset:4px}.signin-content>p:last-child{margin-top:var(--public-space-8);padding-top:var(--public-space-6);border-top:1px solid var(--public-line);font-size:12px;line-height:20px;color:var(--public-muted)}.signin-content .input{min-height:52px;border:1px solid var(--public-line);border-radius:var(--public-radius-control);background:var(--public-page);color:var(--public-text);font-family:var(--public-font)}.signin-content .input:focus-visible{outline:3px solid var(--public-selected);outline-offset:2px;border-color:var(--public-action)}.signin-content :is([role=alert],.text-live){color:var(--public-danger)}.signin-content .btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:800px){.signin-header{padding-block:var(--public-space-6)}.signin-layout{grid-template-columns:1fr;grid-template-areas:"form" "story";gap:var(--public-space-10);padding-block:var(--public-space-8) var(--public-space-12);max-width:540px}.signin-content{grid-row:1;max-width:none;padding-block:0}.signin-story{padding-top:var(--public-space-8);border-top:1px solid var(--public-line)}.signin-story img{max-height:280px}}.signin-content .border-y p:first-child{font-size:12px;line-height:16px}.signin-content .border-y p.truncate{font-size:var(--public-small-size);line-height:var(--public-small-line)}.signin-page .signin-story-caption{margin-top:var(--public-space-4);text-align:center;font-size:var(--public-body-size);line-height:var(--public-body-line);color:var(--public-muted);font-weight:400}.identity-signin-control{display:grid;gap:var(--public-space-3)}.identity-signin-button .trybe-identity-btn{display:flex;align-items:center;justify-content:center;gap:var(--public-space-3);width:100%;min-height:52px;padding:var(--public-space-3) var(--public-space-5);border:1px solid var(--public-action);border-radius:var(--public-radius-control);background:var(--public-action);color:var(--public-action-ink);font:600 var(--public-body-size)/1.5 var(--public-font);text-align:center;cursor:pointer;transition:background var(--public-motion),border-color var(--public-motion)}.identity-signin-button .trybe-identity-btn svg{display:none}.identity-signin-button .trybe-identity-btn:hover{background:var(--public-selected-ink);border-color:var(--public-selected-ink)}.identity-signin-button .trybe-identity-btn:focus-visible{outline:3px solid var(--public-selected-ink);outline-offset:3px}.identity-signin-button .trybe-identity-btn:disabled{opacity:.6;cursor:wait}.signin-content .signin-create-account{margin-top:var(--public-space-4);display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:0 var(--public-space-2);font-size:var(--public-small-size);line-height:var(--public-small-line);color:var(--public-muted)}.signin-create-account a{display:inline-flex;align-items:center;min-height:44px;color:var(--public-selected-ink);font-weight:600;text-decoration:underline;text-decoration-color:var(--public-line);text-underline-offset:4px}.signin-create-account a:hover{text-decoration-color:currentColor}.signin-create-account a:focus-visible{outline:2px solid var(--public-selected-ink);outline-offset:3px;border-radius:2px}