@layer theme,base;@layer components{.signin{--signin-gold:var(--or-500);--signin-warm:var(--safran-300);background:var(--bg-canvas);min-height:100dvh;color:var(--text);font-family:var(--font-ui);grid-template-rows:auto 1fr;display:grid}@media (min-width:1024px){.signin{grid-template-rows:none;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}.signin-brand{--ring-focus:var(--signin-warm);align-content:space-between;gap:var(--space-8);background:var(--bg-inverse);padding:var(--space-3) var(--gutter);color:var(--text-on-brand);display:grid}@media (min-width:1024px){.signin-brand{padding:var(--space-10) var(--space-14)}}.signin-home{border-radius:var(--radius-row);justify-self:start;align-items:center;min-height:48px;display:inline-flex}.signin-home:focus-visible{outline:2px solid var(--ring-focus);outline-offset:2px}.signin-quote{max-width:15ch;font:360 var(--type-figure) / 1.05 var(--font-title);letter-spacing:-.03em;text-wrap:balance;font-variation-settings:"opsz" 144}.signin-quote em{color:var(--signin-warm);font-style:italic}.signin-cards{max-width:460px;height:230px;position:relative}.signin-photo{border:6px solid var(--bg-surface);border-radius:var(--radius-field);background:var(--bg-surface);width:184px;height:240px;display:none;position:absolute;top:0;right:0;overflow:hidden;rotate:4deg}@media (min-width:1200px){.signin-cards{max-width:520px;height:260px}.signin-photo{display:block}}.signin-photo img{object-fit:cover;object-position:var(--photo-focus,50% 50%);width:100%;height:100%}.signin-card{border-radius:var(--radius-surface);width:300px;padding:var(--space-4) var(--space-5);background:var(--bg-surface);color:var(--text-strong);position:absolute;rotate:-3deg}.signin-card-names{margin-block:var(--space-1);font:italic 400 var(--type-title-md) / 1.1 var(--font-title)}.signin-card-note{background:var(--accent);color:var(--text-on-accent);font-size:var(--type-sm);font-weight:600;top:96px;left:120px;rotate:2deg}@media (max-width:1023px){.signin-quote,.signin-cards{display:none}}.signin-side{padding:var(--space-3) var(--gutter) var(--space-10);flex-direction:column;display:flex}.signin-top{justify-content:flex-end;display:flex}.signin-main{padding-block:var(--space-4);flex:1;place-items:start center;display:grid}@media (min-width:768px){.signin-main{padding-block:var(--space-6);place-items:center}}.signin-form{width:100%;max-width:440px}.signin-form .ui-input{min-height:var(--control-h-lg);font-size:var(--type-lg)}.signin-or{align-items:center;gap:var(--space-3);font-size:var(--type-xs);color:var(--text-faint);display:flex}.signin-or:before,.signin-or:after{content:"";background:var(--rule);flex:1;height:1px}.signin-wait{min-height:var(--control-h);padding-inline:var(--space-3);font-size:var(--type-sm);color:var(--text-subtle);font-variant-numeric:tabular-nums;align-items:center;display:inline-flex}@media (prefers-reduced-motion:no-preference){.signin-form{animation:signin-in var(--dur-4) var(--ease-enter) both}}}@layer utilities;@keyframes signin-in{0%{opacity:0;transform:translateY(8px)}}