.auth-shell{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;min-height:100dvh;padding:18px;display:grid}.auth-side{border-radius:var(--radius-xl);background:var(--primary-grad);color:#fff;box-shadow:var(--glow);align-content:space-between;gap:1.5rem;padding:clamp(1.5rem,3vw,3rem);display:grid;position:relative;overflow:hidden}.auth-side:before,.auth-side:after{content:"";border:1px solid #fff3;border-radius:50%;position:absolute}.auth-side:before{width:520px;height:520px;top:-180px;right:-200px}.auth-side:after{background:#ffffff0f;width:300px;height:300px;bottom:-120px;left:-80px}.auth-side .logo{color:#fff}.auth-side .logo-mark{color:var(--primary);background:#fff}.auth-side .logo-my{color:#f0a77f}.auth-quote{gap:1rem;max-width:30ch;display:grid;position:relative}.auth-quote p:first-child{letter-spacing:-.04em;font-size:clamp(1.6rem,1.2rem + 1.4vw,2.5rem);font-weight:800;line-height:1.1}.auth-quote p:last-child{color:#fffc}.auth-main{place-items:center;padding:2rem 0;display:grid}.auth-card{width:min(440px,100%)}.auth-card h1{font-size:var(--text-xl);color:var(--primary);letter-spacing:-.035em;margin-top:.3rem;font-weight:800}.auth-card .btn-primary{padding-block:.85rem}.auth-grid{grid-template-columns:1fr 1fr;gap:.7rem;display:grid}@media (max-width:860px){.auth-shell{grid-template-columns:minmax(0,1fr)}.auth-side{min-height:200px}.auth-quote p:first-child{font-size:1.5rem}}@media (max-width:420px){.auth-grid{grid-template-columns:1fr}}.auth-kind{border:0;grid-template-columns:1fr 1fr;gap:.6rem;margin:0;padding:0;display:grid}.auth-kind legend{font-size:var(--text-xs);color:var(--ink-2);margin-bottom:.4rem;font-weight:700}.auth-kind label{border:1.5px solid var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer;transition:border-color var(--duration-fast), box-shadow var(--duration-fast);gap:.2rem;padding:.8rem .9rem;display:grid}.auth-kind label:hover{border-color:var(--line-strong)}.auth-kind label.on{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}.auth-kind label:has(input:focus-visible){outline:2px solid var(--primary);outline-offset:2px}.auth-kind input{opacity:0;width:1px;height:1px;position:absolute}.auth-kind b{font-size:var(--text-sm)}.auth-kind small{font-size:var(--text-xs);color:var(--ink-3);line-height:1.35}@media (max-width:420px){.auth-kind{grid-template-columns:1fr}}.social{gap:.8rem}.social-buttons{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.social-btn{font-size:var(--text-sm);gap:.6rem;padding-block:.8rem}.social-link summary{cursor:pointer;font-size:var(--text-sm);color:var(--ink-2);text-align:center;font-weight:600;list-style:none}.social-link summary::-webkit-details-marker{display:none}.social-link summary:hover{color:var(--ink)}.social-link-form{grid-template-columns:minmax(0,1fr) auto;gap:.5rem;margin-top:.7rem;display:grid}.social-sent{border-radius:var(--radius);background:var(--ok-soft);color:var(--ink);font-size:var(--text-sm);padding:.8rem 1rem}.social-or{color:var(--ink-3);font-size:var(--text-xs);align-items:center;gap:.8rem;margin:.3rem 0 0;display:flex}.social-or:before,.social-or:after{content:"";background:var(--line);flex:1;height:1px}@media (max-width:420px){.social-buttons,.social-link-form{grid-template-columns:1fr}}.social-buttons.one{grid-template-columns:1fr}