/* ==========================================================
   BVU UI - LOGIN (HARMONIZÁLT ZÖLD-KÉK)
   ========================================================== */

* { margin:0; padding:0; box-sizing:border-box; font-family:"Segoe UI",Tahoma,sans-serif; }

body {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    overflow: hidden;
    /* A háttér, amit kértél: */
    background: 
        radial-gradient(circle at top left, #dbeafe 0%, transparent 35%),
        radial-gradient(circle at bottom right, #bfdbfe 0%, transparent 30%),
        linear-gradient(180deg, #f8fbff 0%, #eef5ff 100%);
}

/* ==========================================================
   LOGIN DOBOZ
   ========================================================== */
.login-box {
    position: relative;
    width: 430px;
    border-radius: 24px;
    overflow: hidden;
    isolation: isolate;
    padding: 2px;
    background: #ffffff; 
}

/* FUTÓ KERET (Vastagított) */
.login-box::before {
    content: "";
    position: absolute;
    inset: -150%;
    background: conic-gradient(transparent 0deg, transparent 290deg, #10b981 360deg, transparent 360deg);
    animation: spin 4.5s linear infinite;
}

.inner {
    position: relative;
    background: #ffffff;
    border-radius: 22px;
    padding: 45px;
    z-index: 2;
}

@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }

/* LOGÓ ÉS SZÖVEG */
.logo {
    width: 90px;
    display: block;
    margin: 0 auto 18px auto;
    /* Ez ad egy finom szürke körvonalat vagy árnyékot a logónak */
    filter: drop-shadow(0 0 5px rgba(0,0,0,0.3));
    background-color: #1e293b; /* A logó mögé egy kis sötét hátteret tesz */
    padding: 10px;
    border-radius: 12px;
}
h1 { text-align: center; font-size: 28px; color: #1e3a8a; margin-bottom: 8px; }
.subtitle { text-align: center; color: #64748b; margin-bottom: 35px; font-size: 15px; }

/* INPUTOK */
label { display: block; margin-bottom: 8px; font-weight: 600; color: #475569; }
input {
    width: 100%; height: 52px; padding: 0 16px; margin-bottom: 20px;
    border: 1px solid #cbd5e1; border-radius: 14px; background: #f8fafc;
    font-size: 15px; color: #1e293b; transition: .25s;
}
input:focus { outline: none; border-color: #10b981; box-shadow: 0 0 0 4px rgba(16, 185, 129, 0.1); }

/* ZÖLD GOMB */
button {
    width: 100%; height: 52px; border: none; border-radius: 14px;
    background: #10b981;
    color: white; font-size: 16px; font-weight: 700; cursor: pointer; transition: .25s;
}
button:hover { transform: translateY(-2px); box-shadow: 0 12px 25px rgba(16, 185, 129, 0.28); }

/* ALERTS */
.error { background: #fee2e2; color: #991b1b; padding: 14px; border-radius: 12px; margin-bottom: 20px; text-align: center; border: 1px solid #fecaca; }