.login-page{background:radial-gradient(circle at 14% 18%,var(--barkly-mint) 0,transparent 34%),radial-gradient(circle at 92% 86%,color-mix(in srgb,var(--barkly-coral) 13%,transparent) 0,transparent 28%),var(--barkly-cream)}.login-intro{color:var(--barkly-ink)}.login-intro .eyebrow{color:var(--barkly-green)}.login-copy{color:var(--barkly-muted)}.login-page .brand-mark{background:var(--barkly-green);color:var(--surface);box-shadow:0 1rem 3rem color-mix(in srgb,var(--barkly-deep-ink) 15%,transparent)}.feature-pills span{border-color:var(--barkly-line);background:color-mix(in srgb,var(--surface) 72%,transparent);color:var(--barkly-ink)}.login-card{box-shadow:0 2rem 5rem color-mix(in srgb,var(--barkly-deep-ink) 12%,transparent)}.renewal-card h2{font-size:1.15rem;margin:1.6rem 0 .6rem}.renewal-summary{display:grid;gap:.55rem;padding:1rem;border:1px solid var(--line);border-radius:1rem;background:var(--surface-muted);margin:1rem 0}.renewal-summary strong{font-size:1.35rem}.renewal-note,.renewal-summary small{color:var(--muted);line-height:1.5}.renewal-consent{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 0;line-height:1.5}.renewal-consent input{flex:0 0 auto;width:1.2rem;height:1.2rem;margin-top:.2rem}.renewal-consent a{text-decoration:underline}.renewal-deadline{font-size:.95rem}.renewal-note{font-size:.85rem}.renewal-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border:1px solid var(--line);border-left:.3rem solid var(--status-warning,#a95013);border-radius:.75rem;background:var(--surface);color:var(--ink);margin-bottom:1rem}.renewal-banner p{margin:.35rem 0 0;line-height:1.5}.renewal-banner .secondary-button{flex:0 0 auto}.renewal-card a:focus-visible,.renewal-card button:focus-visible{outline:3px solid var(--indigo);outline-offset:4px}@media(max-width:600px){.renewal-banner{align-items:flex-start;flex-direction:column}.renewal-card .primary-button{width:100%}}