*{box-sizing:border-box}
html,body{min-height:100%}
body{margin:0;background:#fff;color:#2c2e2f;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.wrap{max-width:400px;margin:0 auto;padding:54px 20px 40px}
.logo{display:flex;justify-content:center;margin-bottom:26px}
.logo b{font-size:27px;font-style:italic;font-weight:800;letter-spacing:-.8px}
.logo b i{color:#003087}
.logo b em{color:#009cde}
.card{border:1px solid #d8dee8;border-radius:10px;padding:26px 22px;background:#fff}
h1{font-size:16px;font-weight:600;margin:0 0 14px;color:#2c2e2f}
.note{background:#f5f7fa;border:1px solid #e3e8ef;border-radius:8px;padding:12px 13px;font-size:13px;line-height:1.55;color:#545558;margin-bottom:16px}
.note b{color:#2c2e2f;display:block;margin-bottom:4px;font-size:12px}
.note .vz{color:#888;font-size:11px;margin-top:6px;display:block}
.fld{position:relative;margin-bottom:14px}
.fld label{position:absolute;left:13px;top:9px;font-size:11.5px;color:#6e7887;pointer-events:none}
.fld input{width:100%;height:52px;border:1px solid #9aa6b4;border-radius:6px;padding:24px 13px 7px;font-size:16px;font-family:inherit;color:#2c2e2f;background:#fff;outline:0}
.fld input:focus{border-color:#0070ba;box-shadow:0 0 0 1px #0070ba}
.link{display:inline-block;font-size:14px;color:#0070ba;text-decoration:none;margin:2px 0 16px}
.link:hover{text-decoration:underline}
.btn{display:block;width:100%;text-align:center;background:#0070ba;color:#fff;font-weight:700;font-size:16px;padding:13px;border-radius:999px;border:0;cursor:pointer;text-decoration:none}
.btn:hover{background:#00558f}
.btn2{display:block;width:100%;text-align:center;background:#fff;color:#0070ba;font-weight:700;font-size:16px;padding:11px;border-radius:999px;border:2px solid #0070ba;cursor:pointer;text-decoration:none}
.btn2:hover{background:#f2f8fd}
.oder{display:flex;align-items:center;gap:10px;color:#6e7887;font-size:13px;margin:16px 0}
.oder:before,.oder:after{content:"";flex:1;height:1px;background:#e3e8ef}
.lang{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:22px;font-size:13.5px}
.lang .flag{font-size:15px}
.lang b{font-weight:600;color:#2c2e2f}
.lang span{color:#6e7887}
.err{font-size:12.5px;color:#c40000;margin:-6px 0 12px}
.ft{border-top:1px solid #e8ebef;margin-top:34px;padding:16px;text-align:center;font-size:12.5px;color:#6e7887}
.ft nav{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-bottom:8px}
.ft a{color:#6e7887;text-decoration:none}
.ft a:hover{text-decoration:underline}
.ft p{margin:0;color:#a0a8b4}
.dd{display:none;position:absolute;left:0;right:0;top:54px;background:#fff;border:1px solid #d8dee8;border-radius:8px;box-shadow:0 8px 22px -8px rgba(16,24,40,.25);max-height:270px;overflow:auto;z-index:20;padding:4px}
.sug{display:flex;align-items:center;gap:11px;padding:11px 10px;border-radius:6px;text-decoration:none;color:#2c2e2f;font-size:15px}
.sug:hover,.sug.sel{background:#f2f8fd}
.sug .mo{flex:0 0 30px;height:30px;border-radius:50%;background:#eef2f7;color:#555f6e;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}
.leer{padding:12px;font-size:14px;color:#6e7887}
.suchbox{position:relative}

body{-webkit-text-size-adjust:100%}
@media(max-width:420px){.wrap{padding:28px 16px 32px}}