.connect-body{min-height:100vh;margin:0;overflow-x:hidden}.connect-page{position:relative;z-index:1;display:grid;min-height:100vh;width:100%;grid-template-columns:1fr 1fr}.connect-page__visual{position:relative;min-height:100vh;overflow:hidden;display:flex;align-items:center;padding:clamp(2rem,5vw,3.5rem)}.connect-page__ambient{position:absolute;top:0;right:0;bottom:0;left:0}.connect-page__visual-inner{position:relative;z-index:1;width:100%;max-width:28rem;display:grid;gap:.75rem}.connect-brand{display:inline-flex;align-items:center;gap:.65rem;color:var(--ink);text-decoration:none;font-weight:600}.connect-page__title{margin:0;font-size:clamp(1.5rem,4vw,2rem);line-height:1.15;letter-spacing:-.02em}.connect-page__lede{margin:0;color:var(--muted);font-size:.98rem;line-height:1.5;max-width:36rem}.connect-page__panel{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100vh;padding:clamp(2rem,5vw,3.5rem);background:#0c0e1cf0;border-left:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.connect-page__panel>*{width:100%;max-width:22rem}@media (max-width: 820px){.connect-page{grid-template-columns:1fr;grid-template-rows:minmax(32vh,auto) 1fr}.connect-page__visual{min-height:min(36vh,16rem);align-items:flex-end}.connect-page__panel{min-height:auto;border-left:none;border-top:1px solid var(--line)}}.connect-panel__toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.connect-panel__home,.connect-panel__change-email{color:var(--muted);font-size:.9rem;background:none;border:none;padding:0;cursor:pointer;font:inherit}.connect-panel__home{text-decoration:none}.connect-panel__home:hover,.connect-panel__change-email:hover{color:var(--ink)}.connect-panel__header{display:grid;gap:.35rem}.connect-panel__header h2{margin:0;font-size:1.5rem}.connect-panel__sub{margin:0;color:var(--muted);font-size:.92rem;line-height:1.45}.auth-form{width:100%}.auth-stack{display:grid;gap:1rem}.auth-field{display:grid;gap:.4rem}.auth-field__label{font-size:.82rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.auth-input-wrap{position:relative;display:block}.auth-input-wrap input{width:100%;padding:.75rem 3.25rem .75rem .9rem;border-radius:12px;border:1px solid var(--line);background:#ffffff0f;color:var(--ink);font:inherit;font-size:1rem}.auth-input-wrap input:focus{outline:2px solid rgb(122 60 255 / 55%);outline-offset:1px;border-color:#7a3cff73}.auth-field:not(#wrap-email) input{width:100%;padding:.75rem .9rem;border-radius:12px;border:1px solid var(--line);background:#ffffff0f;color:var(--ink);font:inherit;font-size:1rem}.auth-field:not(#wrap-email) input:focus{outline:2px solid rgb(122 60 255 / 55%);outline-offset:1px;border-color:#7a3cff73}.auth-input-action{position:absolute;top:50%;right:.5rem;transform:translateY(-50%);display:inline-grid;place-items:center;width:2rem;height:2rem;padding:0;border:none;border-radius:50%;cursor:pointer;color:#ffffff61;background:transparent;box-shadow:none;transition:color .2s ease,transform .2s ease}.auth-input-action:hover:not(:disabled){color:#ffffffeb;transform:translateY(-50%) scale(1.08)}.auth-input-action:disabled{opacity:.35;cursor:not-allowed}.auth-input-action__icon{display:block;transition:inherit}.auth-reveal:not(.is-visible){display:none}.auth-reveal.is-visible{animation:auth-reveal-in .35s ease forwards}.auth-reveal.auth-btn--primary.is-visible{display:block}.auth-reveal.auth-field.is-visible{display:grid}.auth-reveal.auth-oauth-notice.is-visible{display:block;padding:.75rem .9rem}@keyframes auth-reveal-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.auth-btn{border:1px solid var(--line);border-radius:999px;padding:.7rem 1.2rem;font:inherit;font-weight:600;cursor:pointer;color:var(--ink);background:transparent;width:100%}.auth-btn:disabled{opacity:.55;cursor:not-allowed}.auth-btn--primary{border:none;transform-origin:center;box-shadow:0 8px 24px #7a3cff47;transition:transform .32s cubic-bezier(.22,1,.36,1),box-shadow .32s ease}.auth-btn--primary:hover:not(:disabled){box-shadow:0 14px 34px #7a3cff6b}.auth-oauth-notice{font-size:.92rem;line-height:1.45;border-radius:12px;background:#7a3cff2e;border:1px solid rgb(122 60 255 / 35%);color:var(--ink)}.auth-google-block{display:grid;gap:1rem;transition:opacity .3s ease}.auth-google-block.is-hidden{opacity:0;height:0;overflow:hidden;pointer-events:none;margin:0;padding:0}.auth-divider{display:flex;align-items:center;gap:.75rem;color:var(--muted);font-size:.85rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--line)}.auth-google{min-height:44px;display:flex;align-items:center;justify-content:center}.auth-google-missing{margin:0;color:var(--muted);font-size:.88rem;text-align:center}.auth-error{margin:0;padding:.65rem .85rem;border-radius:10px;background:#ff4d5f2e;border:1px solid rgb(255 77 95 / 40%);color:#ffd4d9;font-size:.9rem}.auth-status{margin:0;color:var(--muted);font-size:.9rem}