*{box-sizing:border-box}
body{margin:0;
min-height:100vh;
display:grid;
place-items:center;
padding:18px;
background:radial-gradient(circle at 80% 10%,rgba(183,75,116,.11),transparent 30%),#f3f2f6;
font-family:"Cairo",Tahoma,Arial,sans-serif}
.card{width:min(500px,100%);
padding:34px;
border-radius:24px;
background:#fff;
border:1px solid #dbe5ea;
box-shadow:0 24px 70px rgba(24,36,63,.13)}
.brand{display:flex;
align-items:center;
gap:12px;
margin-bottom:18px}
.brand img{width:132px;
height:62px;
object-fit:contain}
.brand strong{font-size:24px}
.brand strong{display:none}
.card h1{margin:0 0 8px}
.card>p{color:#696673;
line-height:1.9}
.field label{display:block;
margin-bottom:7px;
font-weight:800}
.field input{width:100%;
height:50px;
border:1px solid #dddce3;
border-radius:12px;
padding:0 13px;
font:inherit;
direction:ltr}
.notice{padding:13px 14px;
border-radius:12px;
background:#f5e9ee;
color:#722e48;
font-size:12px;
line-height:1.9;
margin:14px 0}
.success{color:#172e63}
.error{color:#a92f3c}
.dev-link{display:inline-flex;
margin-top:8px;
font-weight:800;
color:#172e63}
.btn{width:100%;
min-height:52px;
margin-top:12px}
[data-theme="dark"] body{background:#0d1016;
color:#efeef4}
[data-theme="dark"] .card{background:#121620;
border-color:#2d3341}
[data-theme="dark"] .card>p{color:#adaab8}
[data-theme="dark"] .field input{background:#171c28;
color:#fff;
border-color:#333948}