:root{--login-wash:7%}[data-theme=dark]{--login-wash:9%}.login-page{place-content:center;justify-items:center;row-gap:clamp(2.5rem,8vh,4.25rem);min-height:100dvh;padding:24px 24px 6vh;display:grid}.stage{aspect-ratio:1;place-items:center;width:clamp(264px,46vmin,420px);display:grid;position:relative}.stage:before{content:"";background:radial-gradient(closest-side, color-mix(in srgb, var(--color-accent) var(--login-wash), transparent), transparent 72%);pointer-events:none;border-radius:50%;position:absolute;inset:-55%}.stage-flat{width:72%;animation:login-mark-in .7s var(--cleo-ease) backwards;display:block;position:relative}.stage-canvas{opacity:0;position:absolute;inset:0}.stage[data-live] .stage-canvas{opacity:1;animation:login-mark-in .7s var(--cleo-ease)}@keyframes login-mark-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}.google-button{border-radius:var(--composer-radius);border:1px solid var(--color-border-strong);background:var(--color-bg-elevated);min-height:52px;color:var(--color-fg);letter-spacing:.01em;box-shadow:0 1px 2px color-mix(in srgb, var(--color-shadow) 20%, transparent);animation:login-mark-in .7s var(--cleo-ease) .14s backwards;transition:border-color .24s var(--cleo-ease), background .24s var(--cleo-ease), transform .24s var(--cleo-ease);align-items:center;gap:12px;padding:0 26px;font-size:.95rem;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.google-button:hover{border-color:color-mix(in srgb, var(--color-accent) 45%, var(--color-border-strong));background:color-mix(in srgb, var(--color-accent) 4%, var(--color-bg-elevated));transform:translateY(-1px)}.google-button:active{transform:translateY(0)}.google-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.google-button svg{flex:none}