.signin-body { min-height: 100vh; background: var(--paper); }
.signin-layout { display: grid; place-items: center; min-height: calc(100vh - 83px); padding: 60px 6vw 80px; background: radial-gradient(circle at 15% 10%, rgba(105,112,90,.14), transparent 34%), var(--paper); }
.signin-panel { width: min(470px, 100%); padding: 46px; border: 1px solid var(--line); background: rgba(255,255,255,.28); }
.signin-panel h1 { margin: 0; font: 600 53px/1 var(--serif); letter-spacing: -.04em; }
.signin-copy { margin: 18px 0 32px; color: #77756f; font-size: 12px; line-height: 1.7; }
.signin-panel form { display: grid; gap: 19px; }
.signin-panel .button { margin-top: 4px; }
.signin-error { min-height: 17px; margin: 0; color: #ae7153; font-size: 11px; line-height: 1.5; }
.signin-divider { display: flex; align-items: center; gap: 12px; margin: 28px 0 16px; color: #9a988f; font-size: 10px; }
.signin-divider::before, .signin-divider::after { flex: 1; border-top: 1px solid var(--line); content: ''; }
@media (max-width: 560px) { .signin-layout { padding: 35px 6vw 55px; }.signin-panel { padding: 32px 24px; }.signin-panel h1 { font-size: 43px; } }