.signin{border-radius:var(--r-lg);background:var(--paper);width:100%;max-width:620px;box-shadow:var(--shadow-lg);border:none;margin:0 auto;padding:clamp(24px,4vw,44px);position:relative}.signin:before{content:"";width:44px;height:44px;box-shadow:var(--shadow);background:conic-gradient(var(--tomato)0 25%,var(--cobalt)0 50%,var(--butter)0 75%,var(--mint)0);border:none;border-radius:50%;position:absolute;top:-22px;right:26px}.signin-lead{color:var(--ink-2);margin:12px 0 24px}.signin-lead b{color:var(--ink);font-weight:700}.signin-code{letter-spacing:.4em;text-align:center;font-family:var(--mono)!important;font-size:24px!important}.signin-alt{justify-content:space-between;gap:16px;display:flex}.link-btn{font-family:var(--mono);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:700;text-decoration:underline;text-decoration-thickness:2px;transition:text-decoration-color .2s,opacity .2s}.link-btn:hover:not(:disabled){-webkit-text-decoration-color:var(--tomato);text-decoration-color:var(--tomato)}.link-btn:disabled{opacity:.45;cursor:default}@media (max-width:720px){.signin-alt{flex-direction:column;align-items:flex-start;gap:12px}}