*{box-sizing:border-box;font-family:Inter,system-ui}
body{
    margin:0;height:100vh;
    display:flex;justify-content:center;align-items:center;
    background:#020617;color:#fff;overflow:hidden
}

/* BACKGROUND ANIMASI */
.bg{
    position:fixed;inset:0;
    background:linear-gradient(120deg,#0ea5e9,#020617,#2563eb);
    background-size:300% 300%;
    animation:move 12s infinite alternate;
    z-index:-1
}
@keyframes move{
    0%{background-position:0%}
    100%{background-position:100%}
}



.success{
    background:#00eaff;
    color:#00131f;
    padding:10px;
    border-radius:8px;
    font-size:13px;
    margin-bottom:10px;
    text-align:center;
}

.login-box{
    width:360px;
    background:rgba(255,255,255,.06);
    backdrop-filter:blur(14px);
    padding:35px;
    border-radius:18px;
    box-shadow:0 0 40px rgba(0,150,255,.3);
    text-align:center;
    animation:fade .6s ease
}
@keyframes fade{
    from{opacity:0;transform:translateY(20px)}
    to{opacity:1}
}

/* LOGO */
.logo{
    width:80px;        /* ukuran ideal */
    height:auto;
    margin-bottom:12px;
    opacity:0.95;
}

.subtitle{opacity:.7;margin-bottom:20px}

input{
    width:100%;padding:12px;
    margin-bottom:14px;
    border-radius:10px;
    border:none;
    background:rgba(255,255,255,.12);
    color:#fff
}

/* PASSWORD */
.password-box{
    position:relative
}
.password-box span{
    position:absolute;right:12px;top:12px;
    cursor:pointer
}

/* BUTTON */
button{
    width:100%;padding:12px;
    border:none;border-radius:10px;
    background:linear-gradient(135deg,#0ea5e9,#2563eb);
    color:#fff;font-weight:bold;
    cursor:pointer
}


/* LOADING */
.loader{
    width:18px;height:18px;
    border:3px solid #fff;
    border-top:3px solid transparent;
    border-radius:50%;
    display:none;
    animation:spin 1s linear infinite;
    margin:auto
}
@keyframes spin{to{transform:rotate(360deg)}}

.error{
    background:rgba(255,0,0,.15);
    padding:10px;border-radius:8px;
    margin-bottom:15px;font-size:13px
}

.footer{margin-top:15px;font-size:11px;opacity:.6}