*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:Arial,Helvetica,sans-serif;
}

body{

background:#f7f7f7;
color:#222;

}

.container{

width:1100px;
max-width:95%;
margin:30px auto;

}

h1{

font-size:38px;
margin-bottom:25px;
font-weight:400;

}

.notice{

font-size:16px;
line-height:1.8;
margin-bottom:35px;

}

.cards{

display:flex;
gap:40px;
align-items:flex-start;

}

.login-card{

flex:2;
background:#fff;
border:1px solid #d9d9d9;
border-radius:5px;
padding:35px;

}

.register-card{

flex:1;
background:#fff;
border:1px solid #d9d9d9;
border-radius:5px;
padding:35px;

}

h2{

font-size:34px;
font-weight:400;
margin-bottom:30px;

}

label{

display:block;
margin-bottom:10px;
margin-top:20px;
font-size:18px;

}

input[type=text],
input[type=password],
input[type=email],
input[type=date]{

width:100%;
height:48px;
padding:10px;
font-size:18px;
border:1px solid #999;
outline:none;

}

input:focus{

border:2px solid #006d85;

}

.show{

display:flex;
align-items:center;
margin-top:15px;

}

.show input{

width:auto;
margin-right:10px;

}

button{

margin-top:30px;
background:#00697d;
color:#fff;
border:none;
padding:14px 40px;
font-size:20px;
cursor:pointer;
transition:.3s;

}

button:hover{

background:#004f5e;

}

.links{

margin-top:40px;

}

.links a{

display:block;
margin-bottom:15px;
color:#006d85;
text-decoration:none;
font-size:18px;

}

.links a:hover{

text-decoration:underline;

}

.register-card a{

display:inline-block;
margin-top:25px;
font-size:20px;
color:#006d85;
text-decoration:none;

}

.register-card a:hover{

text-decoration:underline;

}

footer{

margin-top:60px;
background:#e7e3de;
text-align:center;
padding:30px;

}

footer a{

margin:0 20px;
color:#006d85;
text-decoration:none;
font-size:17px;

}

footer a:hover{

text-decoration:underline;

}

footer p{

margin-top:25px;
font-size:15px;
color:#444;

}

@media(max-width:900px){

.cards{

flex-direction:column;

}

.login-card,
.register-card{

width:100%;

}

h2{

font-size:28px;

}

}

@media(max-width:480px){

.container{

margin:16px auto;

}

h1{

font-size:26px;
margin-bottom:18px;

}

h2{

font-size:22px;
margin-bottom:20px;

}

.login-card,
.register-card{

padding:20px;

}

label{

font-size:16px;

}

input[type=text],
input[type=password],
input[type=email],
input[type=date]{

font-size:16px;

}

button:not([class]){

width:100%;
padding:14px 20px;
font-size:18px;

}

.links a,
.register-card a{

font-size:16px;

}

footer{

padding:20px 15px;

}

footer a{

display:inline-block;
margin:6px 12px;

}

}

.recent-updates-ticker{

position:relative;
margin-top:25px;
height:70px;
overflow:hidden;

}

.recent-updates-ticker .ticker-item{

position:absolute;
top:0;
left:0;
right:0;
height:100%;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
opacity:0;
transition:opacity .6s ease;

}

.recent-updates-ticker .ticker-item.visible{

opacity:1;

}

.recent-updates-ticker .candidate-id{

display:block;
font-size:24px;
font-weight:600;
color:#222;

}

.recent-updates-ticker .muted{

display:block;
color:#888;
font-size:14px;
margin-top:6px;

}