@layer components{.lg{min-height:100dvh;display:grid}@media (min-width:1000px){.lg{grid-template-columns:minmax(460px,5fr) 6fr}}.lg-form-side{flex-direction:column;padding:22px clamp(16px,4vw,48px) 28px;display:flex}.lg-top{justify-content:space-between;align-items:center;display:flex}.lg-theme{border-radius:var(--corner-md);width:34px;height:34px;color:var(--soft);place-items:center;transition:background .2s;display:grid}.lg-theme:hover{background:var(--bg2)}.lg-card{width:min(100%,380px);animation:ar-in .45s var(--ease);margin:auto;padding-block:48px}.lg-back{color:var(--soft);align-items:center;gap:6px;margin-bottom:20px;font-size:14px;display:inline-flex}.lg-back:hover{color:var(--ink)}.lg-title{letter-spacing:-.03em;font-size:2.1rem;font-weight:700;line-height:1.1}.lg-lead{color:var(--soft);text-wrap:pretty;margin-top:10px}.ar-seg.lg-seg{grid-template-columns:1fr 1fr;width:100%;margin-top:28px;display:grid}.ar-seg.lg-seg button{height:34px}.lg-google{border-radius:var(--corner-lg);background:var(--card);border:1px solid var(--line);width:100%;height:50px;transition:background .2s, transform .2s var(--ease);justify-content:center;align-items:center;gap:10px;margin-top:16px;font-weight:600;display:flex;box-shadow:0 1px 2px #0000000d}.lg-google:hover{background:var(--bg2)}.lg-google:active{transform:scale(.98)}.lg-or{color:var(--soft);align-items:center;gap:12px;margin-block:20px;font-size:13px;display:flex}.lg-or:before,.lg-or:after{content:"";background:var(--line);flex:1;height:1px}.lg-form{flex-direction:column;gap:16px;display:flex}.lg-form>div{flex-direction:column;gap:8px;display:flex}.lg-label{color:var(--ink);font-size:14px;font-weight:600}.lg-form label+*{margin-top:-2px}.lg-submit{border-radius:var(--corner-lg);justify-content:center;width:100%;margin-top:8px}.lg-fine{color:var(--soft);font-size:13px}.lg-foot{text-align:center;color:var(--soft);font-size:14px}.lg-art{display:none}@media (min-width:1000px){.lg-art{border-radius:var(--corner-4xl);background:var(--bg2);perspective:2000px;align-content:center;justify-items:center;gap:28px;margin:12px;display:grid;overflow:hidden}.lg-art-book{grid-template-columns:1fr 1fr;gap:2px;width:min(78%,640px);animation:9s ease-in-out infinite alternate lg-float;display:grid;transform:rotateX(14deg)rotate(-2deg)}.lg-art-cap{color:var(--soft);font-size:13px}}@keyframes lg-float{to{transform:rotateX(8deg)rotate(-1deg)translateY(-10px)}}@media (prefers-reduced-motion:reduce){.lg-art-book{animation:none}}.lg-solo{flex-direction:column;justify-content:center;width:min(100% - 32px,400px);margin-inline:auto;padding-block:48px;display:flex}.lg-solo>a:first-child{margin-bottom:40px}.lg-solo .lg-title+p{margin-top:10px}.ar.lg-solo{background:0 0;overflow:visible}}.lg input:-webkit-autofill{-webkit-text-fill-color:var(--ink);caret-color:var(--act);box-shadow:0 0 0 60px var(--card) inset, 0 1px 2px #0000000a;transition:background-color 9999s}.lg input:-webkit-autofill:hover{-webkit-text-fill-color:var(--ink);caret-color:var(--act);box-shadow:0 0 0 60px var(--card) inset, 0 1px 2px #0000000a;transition:background-color 9999s}.lg input:-webkit-autofill:focus{-webkit-text-fill-color:var(--ink);caret-color:var(--act);box-shadow:0 0 0 60px var(--card) inset, 0 1px 2px #0000000a;transition:background-color 9999s}.lg-solo input:-webkit-autofill{-webkit-text-fill-color:var(--ink);caret-color:var(--act);box-shadow:0 0 0 60px var(--card) inset, 0 1px 2px #0000000a;transition:background-color 9999s}.lg input:-webkit-autofill:focus{box-shadow:0 0 0 60px var(--card) inset, 0 0 0 4px color-mix(in oklch, var(--act) 15%, transparent)}