.fi-simple-layout {
    background: linear-gradient(135deg, #f0fdf4 0%, #ffffff 45%, #dcfce7 100%) !important;
    position: relative;
    overflow: hidden;
}

.fi-simple-layout::before {
    content: "";
    position: fixed;
    top: -160px;
    left: -160px;
    width: 520px;
    height: 520px;
    background: rgba(34, 197, 94, 0.22);
    filter: blur(90px);
    border-radius: 9999px;
    pointer-events: none;
    z-index: 0;

}

.fi-simple-layout::after {
    content: "";
    position: fixed;
    bottom: -180px;
    right: -120px;
    width: 650px;
    height: 650px;
    background: rgba(132, 204, 22, 0.20);
    filter: blur(95px);
    border-radius: 9999px;
    pointer-events: none;
    z-index: 0;
}

.fi-simple-main {
    position: relative;
    z-index: 10;
}

.fi-simple-header-heading {
    display: none !important;
}

.fi-logo {
    font-size: 42px !important;
    font-weight: 900 !important;
}

.fi-input-wrp {
    border-radius: 16px !important;
    pointer-events: auto;
    position: relative;
    z-index: 10;
}

.fi-btn {
    border-radius: 16px !important;
}

.fi-btn-color-primary {
    background: linear-gradient(135deg, #22c55e, #15803d) !important;
    color: white !important;
    font-weight: 800 !important;
    min-height: 48px;
}

.fi-btn-color-primary:hover {
    background: linear-gradient(135deg, #16a34a, #166534) !important;
}

/* Label khas untuk Admin Panel */
.fi-simple-header::after {
    content: "Admin & Teacher Portal";
    display: block;
    margin-top: 8px;
    font-size: 14px;
    font-weight: 600;
    color: #15803d;
}
body.parent-login .fi-simple-header::after{
    content: "Parent Portal";
}
/* Button text style */
.fi-btn-label {
    font-weight: 0 !important;
}

.fi-btn-label::after{
    content: "Log Masuk";
    font-size: 14px !important;
}

/* Link/checkbox lebih kemas */
.fi-checkbox-input:checked {
    background-color: #16a34a !important;
    border-color: #16a34a !important;
}

.fi-form {
    pointer-events: auto;
    position: relative;
    z-index: 10;

}