.auth{background:var(--surface);flex-direction:column;min-height:100dvh;display:flex}.auth__art{color:#fff;padding:calc(env(safe-area-inset-top) + 16px) 20px 44px;background:linear-gradient(180deg, #14532d8c 0%, #14532dd1 100%), var(--img) center 40% / cover no-repeat, #14532d;flex-direction:column;gap:22px;display:flex;position:relative}.auth__artTop{justify-content:space-between;align-items:center;display:flex}.auth__back{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff24;border:1px solid #ffffff40;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex}.auth__badge{background:#ffffff29;border:1px solid #ffffff47;border-radius:999px;align-items:center;gap:8px;padding:4px 11px;font-size:12px;font-weight:600;display:inline-flex}.auth__badge span{background:#86efac;border-radius:50%;width:6px;height:6px}.auth__tag{letter-spacing:-.025em;text-wrap:balance;max-width:320px;margin-top:10px;font-size:22px;font-weight:700;line-height:1.2}.auth__artBottom{display:none}.auth__main{flex:1;justify-content:center;margin-top:-20px;display:flex;position:relative}.auth__form{background:var(--surface);width:100%;padding:26px 20px calc(32px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0}.auth__form h1{letter-spacing:-.025em;font-size:26px}.auth__sub{color:var(--muted);margin-top:6px;font-size:15px}.auth__form .input{height:48px;font-size:16px}.auth__form .btn{min-height:48px;font-size:16px}.auth__foot{text-align:center;color:var(--muted);margin-top:20px;font-size:14px}.auth__foot a{color:var(--brand-600);font-weight:600}.auth__points{border-top:var(--line);color:var(--ink-2);gap:10px;margin:26px 0 0;padding:18px 0 0;font-size:13.5px;list-style:none;display:grid}.auth__points li{align-items:center;gap:10px;display:flex}.auth__points svg{color:var(--brand);flex:none}.pw{position:relative}.pw .input{padding-right:64px}.pw button{color:var(--brand-600);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:8px 10px;font-size:13px;font-weight:600;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.pw button:hover{background:var(--brand-50)}@media (min-width:600px){.auth{background:var(--paper)}.auth__art{padding:24px 32px 64px}.auth__tag{max-width:420px;font-size:26px}.auth__main{margin-top:-40px;padding:0 24px 40px}.auth__form{border:var(--line);max-width:460px;box-shadow:var(--shadow-lg);border-radius:16px;padding:32px}}@media (min-width:1000px){.auth{background:var(--surface);flex-direction:row-reverse}.auth__art{background:linear-gradient(180deg, #14532d59 0%, #14532da6 45%, #14532df0 100%), var(--img) center / cover no-repeat, #14532d;flex:0 0 52%;justify-content:space-between;height:100vh;padding:40px 48px;position:sticky;top:0}.auth__tag{max-width:460px;font-size:34px}.auth__artBottom{gap:18px;display:grid}.auth__quote{-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:14px;max-width:520px;margin:0;padding:20px}.auth__quote blockquote{margin:0;font-size:16px;line-height:1.55}.auth__quote figcaption{align-items:center;gap:10px;margin-top:14px;display:flex}.auth__quote figcaption>span{background:#fff3;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.auth__quote b{font-size:14px;display:block}.auth__quote small{opacity:.8;font-size:12.5px}.auth__tiles{grid-template-columns:repeat(3,1fr);gap:10px;max-width:520px;display:grid}.auth__tile{aspect-ratio:4/3;background-position:50%;background-size:cover;border:1px solid #ffffff40;border-radius:12px;position:relative;overflow:hidden}.auth__tile span{background:linear-gradient(#0000,#000000a6);padding:18px 10px 8px;font-size:12px;font-weight:600;position:absolute;bottom:0;left:0;right:0}.auth__main{align-items:center;margin:0;padding:48px}.auth__form{max-width:420px;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.auth__form h1{font-size:30px}}