html{color-scheme:light}body{margin:0;background:#f3f7fa;color:#17333e;font:16px system-ui,sans-serif}
.pair{max-width:380px;margin:12vh auto;padding:28px;background:white;border-radius:20px;box-shadow:0 12px 40px #11343d12}
h1{margin:0 0 12px;font-size:30px;color:#087e8b}p{line-height:1.5}label{display:block;margin-top:22px}
input,button{box-sizing:border-box;width:100%;padding:14px;font:inherit;border-radius:10px;margin-top:10px}
input{border:1px solid #adbdc3;text-transform:uppercase}button{background:#087e8b;color:white;border:0;font-weight:600}
.error{color:#a22d42}.host{font-size:13px;word-break:break-all;color:#5a6e77}@media(max-width:460px){.pair{margin:8vh 16px;padding:22px}}