/* Extracted from register.html - functionality unchanged */

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

body{
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(-45deg, #5b0000, #800000, #b8860b, #ffd700);
    background-size: 400% 400%;
    animation: bgMove 12s ease infinite;
    overflow: auto;
}

@keyframes bgMove{
    0%{background-position: 0% 50%;}
    50%{background-position: 100% 50%;}
    100%{background-position: 0% 50%;}
}

.box{
    width: 420px;
    max-width: 95%;
    padding: 25px;
    background: rgba(255, 255, 255, .15);
    backdrop-filter: blur(15px);
    border-radius: 20px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .35);
    color: #fff;
}

h2{
    text-align: center;
    margin-bottom: 8px;
}

.subtitle{
    text-align: center;
    margin-bottom: 18px;
    line-height: 1.5;
}

.input{
    position: relative;
    margin-bottom: 12px;
}

.input input{
    width: 100%;
    height: 48px;
    padding-left: 45px;
    padding-right: 45px;
    border: none;
    outline: none;
    border-radius: 10px;
    font-size: 15px;
}

.icon{
    position: absolute;
    left: 15px;
    top: 13px;
    font-size: 18px;
}

.eye{
    position: absolute;
    right: 15px;
    top: 12px;
    cursor: pointer;
    font-size: 20px;
}

button{
    width: 100%;
    height: 48px;
    border: none;
    border-radius: 10px;
    background: #FFD700;
    color: #800000;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    transition: .3s;
}

button:hover{
    transform: translateY(-2px);
}

.loader{
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 3px solid rgba(255, 255, 255, .4);
    border-top: 3px solid #800000;
    border-radius: 50%;
    animation: spin .8s linear infinite;
    margin-right: 10px;
    vertical-align: middle;
}

@keyframes spin{
    100%{transform: rotate(360deg);}
}

.login{
    margin-top: 18px;
    text-align: center;
}

.login a{
    color: #FFD700;
    font-weight: bold;
    text-decoration: none;
}

.cf-turnstile{
    display: flex;
    justify-content: center;
    margin: 15px 0;
}



/* Google sign-in */
.or-divider{display:flex;align-items:center;gap:10px;margin:12px 0;color:rgba(255,255,255,.9);font-size:13px}
.or-divider::before,.or-divider::after{content:"";height:1px;flex:1;background:rgba(255,255,255,.35)}
.or-divider span{padding:0 4px}
.google-btn{background:#fff;color:#333;display:flex;align-items:center;justify-content:center;gap:10px;font-size:16px}
.google-btn:hover{background:#f7f7f7;transform:translateY(-2px)}
.google-icon{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:17px;font-family:Arial,sans-serif;background:#fff}
.google-btn:disabled{opacity:.7;cursor:wait;transform:none}