.dn-trang{color:#1b2330;background:#f5f6f8;place-items:center;min-height:100dvh;padding:16px;display:grid}.dn-khung{box-sizing:border-box;background:#fff;border-radius:16px;width:100%;max-width:360px;padding:28px;box-shadow:0 4px 24px #00000014}.dn-khung h1{margin:0 0 4px;font-size:22px}.dn-khung p.mo-ta{color:#5b6573;margin:0 0 20px;font-size:14px}.dn-khung label{font-size:14px;display:block}.dn-khung label+label{margin-top:14px}.dn-khung input{box-sizing:border-box;width:100%;color:inherit;background:#fff;border:1px solid #c9ced6;border-radius:10px;margin-top:6px;padding:12px 14px;font-size:16px}.dn-khung [role=alert]{color:#b42318;margin:12px 0 0;font-size:14px}.dn-khung button{color:#fff;cursor:pointer;background:#1e8a58;border:0;border-radius:10px;width:100%;margin-top:20px;padding:13px;font-size:16px;font-weight:600}.dn-khung button:disabled{opacity:.7;cursor:wait}@media (prefers-color-scheme:dark){.dn-trang{color:#f1f3f5;background:#1a1a1a}.dn-khung{box-shadow:none;background:#262626}.dn-khung p.mo-ta{color:#aab2bd}.dn-khung input{background:#1a1a1a;border-color:#3d4450}.dn-khung [role=alert]{color:#ff8a80}.dn-khung button{color:#0b1a12;background:#22c77e}}