@layer pages{.sign-in-page{background:var(--color-surface);min-height:100vh}.sign-in-layout{grid-template-columns:minmax(0, 1fr) minmax(var(--layout-sign-in-panel-min), .92fr);min-height:100vh;display:grid}.sign-in-story{min-height:100vh;padding:var(--space-6) var(--space-7);background:linear-gradient(145deg, var(--brand-800), var(--brand-900));color:var(--color-surface);isolation:isolate;flex-direction:column;display:flex;position:relative;overflow:hidden}.sign-in-story:before,.sign-in-story:after{z-index:-1;border-radius:var(--radius-full);background:var(--brand-panel-orb);content:"";position:absolute}.sign-in-story:before{aspect-ratio:1;width:70%;top:15%;right:-20%}.sign-in-story:after{aspect-ratio:1;background:var(--brand-panel-glow);width:75%;filter:blur(var(--space-7));bottom:-36%;left:-22%}.sign-in-story__brand{z-index:1}.sign-in-story .brand__name,.sign-in-story .brand__product{color:var(--color-surface)}.sign-in-story .brand__product{opacity:.68}.sign-in-story .brand__mark{color:#fff;background:0 0}.sign-in-story__content{width:min(100%,560px);padding:var(--space-7) 0;margin:auto}.sign-in-story__eyebrow{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:var(--border-thin) solid var(--brand-panel-orb);border-radius:var(--radius-full);color:var(--color-surface);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.07em;opacity:.8;display:inline-flex}.sign-in-story__eyebrow-dot{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);background:var(--status-checked-in-text)}.sign-in-story__content h1{margin-top:var(--space-5);font-size:clamp(var(--text-2xl), 4vw, var(--text-3xl));font-weight:var(--weight-medium);letter-spacing:-.045em;line-height:1.12}.sign-in-story__content h1 span{color:var(--brand-panel-highlight)}.sign-in-story__content>p{max-width:var(--layout-sign-in-copy-narrow);margin-top:var(--space-4);color:var(--color-surface);font-size:var(--text-lg);opacity:.72;line-height:1.65}.story-illustration{min-height:var(--layout-sign-in-illustration-height);margin-top:var(--space-5);place-items:center;display:grid;position:relative}.story-illustration__orbit{border:var(--border-thin) solid var(--brand-panel-orb);border-radius:var(--radius-full);position:absolute}.story-illustration__orbit--outer{width:min(100%, var(--size-story-orbit-outer));aspect-ratio:1}.story-illustration__orbit--inner{width:min(78%, var(--size-story-orbit-inner));aspect-ratio:1}.story-illustration__tooth-card{z-index:1;width:var(--size-story-tooth-card-width);min-height:var(--size-story-tooth-card-height);border:var(--border-thin) solid var(--brand-panel-orb);border-radius:var(--radius-lg);background:var(--brand-panel-orb);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(var(--space-4));backdrop-filter:blur(var(--space-4));align-content:center;justify-items:center;display:grid;position:relative}.story-illustration__tooth{width:var(--size-story-tooth);color:var(--color-surface);filter:drop-shadow(0 var(--space-2) var(--space-3) var(--brand-panel-glow))}.story-illustration__tooth path:first-child{fill:var(--color-surface);opacity:.94}.story-illustration__tooth-shine{fill:none;stroke:var(--brand-100);stroke-linecap:round;stroke-width:4px}.tooth-card-label{align-items:center;gap:var(--space-2);margin-top:var(--space-3);color:var(--color-surface);font-size:var(--text-xs);font-weight:var(--weight-medium);opacity:.86;display:inline-flex}.tooth-card-label span{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);background:var(--status-checked-in-text)}.story-illustration__float{z-index:2;min-width:var(--size-story-float-min);min-height:var(--size-story-float-height);align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:var(--border-thin) solid var(--brand-panel-orb);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-md);color:var(--gray-800);display:flex;position:absolute}.story-illustration__float--calendar{top:17%;right:0}.story-illustration__float--care{bottom:14%;left:0}.story-illustration__float>span:nth-child(2){gap:var(--space-1);display:grid}.story-illustration__float strong{color:var(--gray-800);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.story-illustration__float small{color:var(--color-text-muted);font-size:var(--text-xs)}.story-illustration__float>b{color:var(--gray-800);font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-left:auto}.illustration-icon{width:var(--size-story-icon);height:var(--size-story-icon);border-radius:var(--radius-sm);font-weight:var(--weight-semibold);flex:none;place-items:center;display:grid}.illustration-icon--blue{background:var(--brand-50);color:var(--brand-600)}.illustration-icon--mint{background:var(--status-success);color:var(--status-success-text)}.care-check{width:var(--space-5);height:var(--space-5);border-radius:var(--radius-full);background:var(--status-success);color:var(--status-success-text);font-size:var(--text-xs);font-weight:var(--weight-bold);place-items:center;margin-left:auto;display:grid}.sign-in-story__footer{color:var(--color-surface);font-size:var(--text-xs);opacity:.64;justify-content:space-between;align-items:center;display:flex}.story-footer-mark{color:var(--color-surface);font-size:var(--text-lg)}.sign-in-panel{min-height:100vh;padding:var(--space-5) var(--space-6) var(--space-4);background:var(--color-surface);flex-direction:column;display:flex}.sign-in-panel__top{min-height:var(--touch-target);justify-content:flex-end;align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm);display:flex}.sign-in-panel__help-link,.field__link,.sign-in-help a,.sign-in-legal a,.sign-in-panel__footer a{color:var(--brand-600);font-weight:var(--weight-semibold)}.sign-in-card-wrap{width:min(100%, var(--layout-sign-in-card-max));padding:var(--space-6) 0;margin:auto;display:grid}.sign-in-card__welcome-mark{width:var(--size-sign-in-welcome);height:var(--size-sign-in-welcome);border:var(--border-thin) solid var(--brand-100);border-radius:var(--radius-md);margin-bottom:var(--space-5);background:var(--brand-50);color:var(--brand-600);place-items:center;display:grid}.sign-in-card__welcome-mark svg{width:var(--size-sign-in-welcome-icon);height:var(--size-sign-in-welcome-icon);fill:currentColor}.sign-in-card__eyebrow{color:var(--brand-600);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.1em}.sign-in-card h2{margin-top:var(--space-2);color:var(--gray-900);font-size:var(--text-xl);font-weight:var(--weight-semibold);letter-spacing:-.03em}.sign-in-card__description{margin-top:var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm)}.sign-in-form{gap:var(--space-4);margin-top:var(--space-5);display:grid}.sign-in-form__submit{width:100%;margin-top:var(--space-1)}.sign-in-form__submit span:last-child{margin-left:auto}.sign-in-divider{align-items:center;gap:var(--space-3);margin:var(--space-5) 0;color:var(--color-text-subtle);font-size:var(--text-xs);font-weight:var(--weight-medium);display:flex}.sign-in-divider:before,.sign-in-divider:after{background:var(--color-border);content:"";flex:1;height:1px}.sign-in-help{color:var(--color-text-muted);font-size:var(--text-sm);text-align:center}.sign-in-legal{max-width:var(--layout-sign-in-legal-max);margin:var(--space-4) auto 0;color:var(--color-text-muted);font-size:var(--text-xs);text-align:center;line-height:1.7}.sign-in-legal a{font-weight:var(--weight-medium)}.sign-in-panel__footer{min-height:var(--touch-target);justify-content:flex-end;align-items:center;gap:var(--space-4);color:var(--color-text-muted);font-size:var(--text-xs);display:flex}.sign-in-panel__footer span{margin-right:auto}@media (width<=1024px){.sign-in-layout{grid-template-columns:minmax(0, .85fr) minmax(var(--layout-sign-in-panel-min-tablet), 1fr)}.sign-in-story,.sign-in-panel{padding-right:var(--space-5);padding-left:var(--space-5)}.story-illustration{min-height:var(--layout-sign-in-illustration-height-tablet)}.story-illustration__float--calendar{right:-var(--space-2)}.story-illustration__float--care{left:-var(--space-2)}}@media (width<=767px){.sign-in-layout{display:block}.sign-in-story{display:none}.sign-in-panel{min-height:100vh;padding:var(--space-4)}.sign-in-panel__top{min-height:var(--touch-target)}.sign-in-card-wrap{width:min(100%, var(--layout-sign-in-card-max))}.sign-in-card__welcome-mark{margin-bottom:var(--space-4)}}@media (width<=420px){.sign-in-panel__top{font-size:var(--text-xs)}.sign-in-card h2{font-size:var(--text-lg)}}}