:root{
   
    --white-color:#ffffff; 
    --gold-light:#b8962e;
    --wm-navy:#0b1f3a;
    --wm-dark-navy:#08172c;
    --wm-gold:#D4AF37;
    --wm-gold-light:rgba(212,175,55,0.25);
    --wm-gray:#f5f6fa;

  
}

body{
    background: linear-gradient(135deg,var(--wm-navy),var(--wm-dark-navy));
    height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    font-family:system-ui;
}

.login-willimano-container{
    width:100%;
    max-width:420px;
}
.register-willimano-container{
    width:100%;
    max-width:480px;
}

.login-willimano-card{
    background: var(--white-color);
    border-radius:16px;
    padding:20px 35px;
    box-shadow:0 20px 40px rgba(0,0,0,0.15);
}

.register-willimano-card{
    background: var(--white-color);
    border-radius:16px;
    padding:28px;
    box-shadow:0 15px 40px rgba(0,0,0,0.15);
}

.willimano-logo{
    font-size:24px;
    font-weight:700;
    color: var(--wm-navy);
}

.willimano-subtitle{
    font-size:14px;
    color: var(--wm-dark-navy);
}


.login-willimano-btn{
    background: var(--wm-navy);
    border:none;
    border-radius:10px;
    padding:12px;
    font-weight:600;
}

.login-willimano-btn:hover{
    background: var(--wm-dark-navy);
}


.form-control{
    border-radius:10px;
    padding:12px;
}

.register-willimano-btn{
    background: var(--wm-navy);
    border:none;
    border-radius:10px;
    padding:12px;
    font-weight:600;
}

.register-willimano-btn:hover{
    background: var(--wm-dark-navy);
}

.toggle-pass{
    position:absolute;
    right:12px;
    top:38px;
    cursor:pointer;
    color: var(--secondary-color);
}

.willimano-link-gold{
    color: var(--wm-gold);
    text-decoration:none;
    font-weight:500;
}

.willimano-link-gold:hover{
    color: var(--gold-light);
    text-decoration:underline;
}

/* Mobile improvement */

@media (max-width:576px){

.register-willimano-card{
    padding:22px;
}

.register-willimano-logo{
    font-size:22px;
}

}