.su{background:var(--mk-bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;font-family:DM Sans,system-ui,sans-serif;transition:background .3s,color .3s;display:flex}.su-card{background:var(--mk-card-bg);border:1px solid var(--mk-card-border);border-radius:16px;width:100%;max-width:400px;padding:40px 32px;box-shadow:0 4px 24px #0000000f}.su-top{justify-content:center;align-items:center;margin-bottom:24px;display:flex;position:relative}.su-logo{color:var(--mk-text);letter-spacing:-.03em;font-size:18px;font-weight:800;text-decoration:none}.su-theme{border:1.5px solid var(--mk-border);width:44px;height:44px;color:var(--mk-text-sub);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex;position:absolute;right:0}.su-theme:hover{background:var(--mk-card-hover);color:var(--mk-text)}.su-title{text-align:center;letter-spacing:-.03em;color:var(--mk-text);font-size:1.5rem;font-weight:800}.su-sub{text-align:center;color:var(--mk-text-muted);margin-top:6px;margin-bottom:28px;font-size:.88rem}.su-form{flex-direction:column;gap:16px;display:flex}.su-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:10px 14px;font-size:13px}.su-field{flex-direction:column;gap:5px;display:flex}.su-field__label{color:var(--mk-text-sub);font-size:13px;font-weight:600}.su-field__input{border:1.5px solid var(--mk-input-border);color:var(--mk-text);background:var(--mk-input-bg);appearance:none;border-radius:10px;outline:none;padding:11px 14px;font-size:16px;transition:border-color .15s}.su-field__input:focus{border-color:var(--mk-input-focus)}.su-field__input::placeholder{color:var(--mk-input-placeholder)}.su-btn{background:var(--mk-accent);color:#fff;cursor:pointer;-webkit-appearance:none;border:none;border-radius:10px;min-height:48px;margin-top:4px;padding:14px;font-size:15px;font-weight:700;transition:background .15s}.su-btn:hover{background:var(--mk-accent-hover)}.su-btn:disabled{opacity:.5;cursor:not-allowed}.su-footer{text-align:center;color:var(--mk-text-muted);margin-top:20px;font-size:13px}.su-footer--secondary{margin-top:8px}.su-link{color:var(--mk-accent);font-weight:600;text-decoration:none}.su-link:hover{text-decoration:underline}@media (max-width:480px){.su{align-items:flex-start;padding:60px 16px 16px}.su-card{border-radius:14px;padding:28px 20px}.su-title{font-size:1.3rem}}