@import url('home.css');
body{background:var(--grad-navy);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;overflow-x:hidden}
body::before,body::after{content:"";position:absolute;border-radius:50%;filter:blur(120px);opacity:.35;pointer-events:none}
body::before{width:420px;height:420px;background:var(--teal-3);top:-120px;left:-120px}
body::after{width:420px;height:420px;background:var(--teal);bottom:-160px;right:-160px}
.auth-card{position:relative;width:100%;max-width:440px;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);border-radius:24px;padding:44px 38px;box-shadow:0 30px 80px rgba(0,0,0,.4);animation:popIn .6s cubic-bezier(.4,0,.2,1) both}
@keyframes popIn{from{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
.auth-logo{display:flex;align-items:center;gap:10px;justify-content:center;margin-bottom:8px;color:var(--navy);font-family:'Playfair Display',serif;font-weight:700;font-size:22px}
.auth-logo i{width:44px;height:44px;display:grid;place-items:center;background:var(--grad-teal);color:#fff;border-radius:12px}
.auth-title{text-align:center;font-family:'Playfair Display',serif;color:var(--navy);font-size:26px;margin-top:10px}
.auth-sub{text-align:center;color:var(--gray-500);font-size:14px;margin:6px 0 28px}
.form-group{margin-bottom:18px}
.form-group label{display:block;font-size:13px;font-weight:600;color:var(--gray-700);margin-bottom:8px}
.input-wrap{position:relative}
.input-wrap i.lead{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--gray-500)}
.form-control{width:100%;padding:14px 16px 14px 44px;border:1.5px solid var(--gray-200);border-radius:12px;font-size:14px;background:#fff;transition:var(--trans);font-family:inherit}
.form-control:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 4px rgba(13,122,110,.12)}
.toggle-pass{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--gray-500);padding:6px}
.row-between{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin:6px 0 22px}
.row-between label{display:flex;align-items:center;gap:8px;color:var(--gray-700);cursor:pointer}
.row-between a{color:var(--teal);font-weight:600}
.btn-block{width:100%;justify-content:center;padding:14px}
.alert{padding:12px 14px;border-radius:10px;font-size:13px;margin-bottom:16px;display:none}
.alert.error{background:#fdecec;color:#c0392b;border:1px solid #f5c6c6;display:block}
.alert.success{background:#e8f7ee;color:#1e7e3d;border:1px solid #c0e6c9;display:block}
.demo-creds{margin-top:24px;padding:14px;background:#f6f8fa;border-radius:12px;font-size:12px;color:var(--gray-500);line-height:1.8}
.demo-creds b{color:var(--navy)}
.auth-foot{text-align:center;margin-top:22px;font-size:13px;color:var(--gray-500)}
.auth-foot a{color:var(--teal);font-weight:600}
.back-home{position:absolute;top:24px;left:24px;color:rgba(255,255,255,.85);font-size:13px;display:inline-flex;align-items:center;gap:6px}
.back-home:hover{color:var(--teal-3)}