@font-face{
    font-family:'reg';
    src:url('reg.ttf');
}

*{
    outline:none;
    max-width:100%;
    box-sizing:border-box;
    font-family:'reg', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

html,body{
    height:100%;
}

body{
    margin:0;
    display:flex;
    flex-direction:column;
    background:#fafafa;
}

main{
    flex:1;
}

main,footer{
    text-align:center;
    padding:10px;
}

main .container{
    width:340px;
    display:inline-block;
}


footer{
    font-size:0.8rem;
    color:#687078;
}

.terms{
    color:#687078;
    font-size:0.7Rem;
    text-align:left;
    padding:10px 0;
}

.col{
    margin-bottom:15px;
}

.logo{
    margin:30px 0;
}

.logo img{
    width:86px;
}


.form{
    text-align:left;
    background:white;
    box-shadow:0 0px 2px #bbbbbb;
    font-size:0.9rem;
}

.form .head{
    padding:20px;
    background:#fafafa;
    border-bottom:1px solid #e6e6e6;
    display:flex;
    align-items:center;
    font-size:1.13rem;
    font-weight:600;
    gap:10px;
}

.head img{
    width:21px;
}


.content{
    padding:20px;
}


.terms span, a{
    color:#0073bb;
}

.help a{
    text-decoration:none;
}

input{
    width:100%;
    font-size:16px;
    padding:4px;
    border:1px solid #868686;
    border-radius:3px;
}
label{
    display:block;
    padding:5px 0;
}

input[type=checkbox]{
    width:14px;
    height:14px;
    accent-color:#0073bb;
}

.check{
    display:flex;
    align-items:center;
    gap:5px;
}

button{
    background:#f90;
    width:100%;
    border:1px solid #f90;
    border-radius:2px;
    padding:7px;
    font-weight:bold;
}

.gray{
    background:none;
    border:1px solid #687078;
    color:#53595f;
}

.trans{
    background:none;
    border:none;
    color:#0073bb;
}


.errora{
    display:flex;
    gap:10px;
    padding:16px;
    background:#fdf3f1;
    border:1px solid #d13212;
    font-size:0.9rem;
    margin-bottom:15px;
}

 
.errora .txt{
    text-align:left;
    flex:1;
}

.errora .img img{
    width:35px;
}

.errora b{
    display:block;
    margin-bottom:3px;
}