| 123 |
- .page-header { margin-bottom: 22px; }.page-header p { margin: 0 0 7px; color: #2e9a71; font-size: 11px; font-weight: 800; letter-spacing: .18em; }.page-header h1 { margin: 0; font-size: 27px; }.page-header span { display: block; margin-top: 7px; color: #7d899a; font-size: 12px; }
- .password-card { width: min(560px, 100%); overflow: hidden; border: 1px solid #e4e9f0; border-radius: 14px; background: white; box-shadow: 0 7px 24px rgba(24,46,76,.04); }.security-note { display: flex; gap: 12px; padding: 17px 20px; color: #28795b; background: #f2faf6; }.security-note div { display: grid; gap: 4px; }.security-note strong { font-size: 13px; }.security-note span { color: #668175; font-size: 11px; line-height: 1.5; }
- form { display: grid; gap: 17px; padding: 22px; }label { display: grid; gap: 7px; color: #445165; font-size: 12px; }input { width: 100%; box-sizing: border-box; padding: 11px 12px; border: 1px solid #dce3eb; border-radius: 8px; outline: 0; background: #fbfcfd; font: inherit; }input:focus { border-color: #44a681; box-shadow: 0 0 0 3px rgba(68,166,129,.1); }.form-error { padding: 10px 12px; border-radius: 8px; color: #b33f48; background: #fff2f3; font-size: 11px; }button { display: flex; align-items: center; justify-content: center; gap: 7px; min-height: 42px; border: 0; border-radius: 9px; color: white; background: #258c67; font: inherit; cursor: pointer; }button:disabled { opacity: .55; cursor: default; }.spin { animation: spin .8s linear infinite; }@keyframes spin { to { transform: rotate(360deg); } }
|
