.lg-page{background:var(--n-50);flex-direction:column;min-height:100svh;display:flex}.lg-stage{width:100%;max-width:1120px;padding:0 0 var(--s-9);flex:1 0 auto;margin-inline:auto;display:grid}.lg-photo{background:var(--n-100);height:168px;overflow:hidden}.lg-photo picture,.lg-photo img{width:100%;height:100%;display:block}.lg-photo img{object-fit:cover;object-position:50% 30%}.lg-card{--accent:var(--green-700);--muted:var(--text-soft);--line:var(--n-300);z-index:1;width:calc(100% - 2 * var(--gutter));max-width:460px;margin:calc(var(--s-7) * -1) auto 0;border-radius:var(--r-lg);background:var(--n-0);box-shadow:var(--shadow-2);position:relative}.lg-card>main{max-width:none;padding:var(--s-7) var(--s-6) var(--s-6);margin:0}.lg-card>main>a:first-child{display:none}.lg-card h1{font-size:var(--t-h1);line-height:var(--lh-h1);letter-spacing:var(--ls-h1);font-weight:var(--w-bold);color:var(--text-strong);margin-top:0}.lg-card h1+p{color:var(--text);word-break:keep-all}.lg-card>main>button{min-height:52px;margin-top:var(--s-6);border-radius:var(--r-lg)}.lg-card input[type=email],.lg-card input[type=password],.lg-card input[type=text]{border-radius:var(--r-lg);background:var(--n-0);height:52px;font-size:var(--t-body);color:var(--n-900);transition:box-shadow var(--dur-2) var(--ease-ui);border-width:1.5px}.lg-card input::placeholder{color:var(--n-700)}.lg-card input:focus{box-shadow:0 0 0 2px var(--green-700), 0 0 0 6px var(--green-100)}.lg-card button[type=submit]{border-radius:var(--r-lg);min-height:52px;font-weight:var(--w-bold);transition:transform var(--dur-1) var(--ease-ui), box-shadow var(--dur-2) var(--ease-ui)}.lg-card button[type=submit]:not(:disabled):hover{box-shadow:0 8px 18px color-mix(in srgb, var(--green-700) 28%, transparent)}.lg-card button[type=submit]:not(:disabled):active{transform:scale(.98)}.lg-card section{border-radius:var(--r-lg)}@media (min-width:640px) and (max-width:1023px){.lg-photo{height:240px}.lg-card{margin-top:calc(var(--s-8) * -1)}}@media (min-width:1024px){.lg-stage{gap:var(--s-8);padding:var(--s-8) var(--gutter-lg) var(--s-9);grid-template-columns:minmax(0,1fr) minmax(0,460px);align-items:center}.lg-photo{aspect-ratio:4/5;border-radius:var(--r-lg);height:auto;max-height:640px;box-shadow:var(--shadow-2)}.lg-photo img{object-position:50% 45%}.lg-card{width:100%;margin:0}.lg-card>main{padding:var(--s-8) var(--s-7) var(--s-7)}}
