/* LOGIN */
#pg-login{
  min-height:100vh;width:100%;
  background:linear-gradient(160deg,#eafcf1 0%,#f5f6f8 55%,#ffffff 100%);
  align-items:center;justify-content:center;position:relative;overflow:hidden;
}
#pg-login::before{content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse at 25% 60%,rgba(21,128,61,0.08) 0%,transparent 60%),
             radial-gradient(ellipse at 80% 20%,rgba(34,197,94,0.10) 0%,transparent 50%);
  pointer-events:none;}
.deco-ring{position:absolute;border-radius:50%;border:1px solid rgba(21,128,61,0.12);pointer-events:none;}
.deco-ring.r1{width:600px;height:600px;top:-180px;right:-180px;}
.deco-ring.r2{width:350px;height:350px;bottom:-100px;left:-100px;}
.login-wrap{position:relative;z-index:2;width:440px;animation:fadeUp .5s ease both;}
.login-glass{
  background:#ffffff;border-radius:22px;
  padding:48px 44px 40px;
  box-shadow:var(--shadow-lg),0 0 0 1px var(--border2);
}
.login-brand{text-align:center;margin-bottom:30px;}
.brand-name{font-family:'Playfair Display',serif;font-size:26px;font-weight:800;color:var(--brand-800);margin-bottom:8px;}
.brand-tag{color:var(--muted);font-size:12px;font-weight:500;letter-spacing:.4px;}
.login-heading{font-size:16.5px;font-weight:700;color:var(--brand-800);text-align:center;margin-bottom:22px;}
.fg{margin-bottom:15px;}
.fg label{display:block;font-size:11.5px;font-weight:700;color:var(--text2);margin-bottom:6px;text-transform:uppercase;letter-spacing:.3px;}
.iw{position:relative;}
.iw .ii{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:14px;pointer-events:none;}
.iw input,.iw select{
  width:100%;padding:12px 14px 12px 42px;
  border:1.5px solid var(--border);border-radius:var(--radius-sm);
  font-family:inherit;font-size:14px;color:var(--text);background:#f7f9f8;
  outline:none;transition:border-color .2s,box-shadow .2s;
}
.iw input:focus,.iw select:focus{border-color:var(--brand-500);background:#fff;box-shadow:0 0 0 3px rgba(34,197,94,0.09);}
.eye{position:absolute;right:13px;top:50%;transform:translateY(-50%);cursor:pointer;color:var(--muted);font-size:14px;transition:color .2s;}
.eye:hover{color:var(--brand-500);}
.btn-p{
  width:100%;padding:13px;border:none;border-radius:var(--radius-sm);
  background:linear-gradient(135deg,var(--brand-700) 0%,var(--brand-600) 100%);
  color:#fff;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;
  letter-spacing:.3px;margin-top:6px;
  box-shadow:0 4px 16px rgba(21,128,61,0.28);
  transition:transform .15s,box-shadow .15s;
}
.btn-p:hover{transform:translateY(-1px);box-shadow:0 6px 22px rgba(21,128,61,0.36);}
.login-links{display:flex;justify-content:space-between;margin-top:15px;}
.login-links a{color:var(--brand-600);font-size:12.5px;font-weight:600;cursor:pointer;transition:color .2s;}
.login-links a:hover{color:var(--brand-400);}
.divrow{display:flex;align-items:center;gap:10px;margin:14px 0;color:var(--muted);font-size:12px;}
.divrow::before,.divrow::after{content:'';flex:1;height:1px;background:var(--border);}
.btn-out{
  width:100%;padding:12px;border:1.5px solid var(--border);border-radius:var(--radius-sm);
  background:transparent;color:var(--text2);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;
  transition:border-color .2s,background .2s;
}
.btn-out:hover{border-color:var(--brand-400);background:var(--brand-50);color:var(--brand-600);}

/* REGISTER */
#pg-register{
  min-height:100vh;width:100%;
  background:linear-gradient(160deg,#eafcf1 0%,#f5f6f8 55%,#ffffff 100%);
  align-items:flex-start;justify-content:center;padding:36px 16px;
}
.reg-glass{
  background:#fff;border-radius:22px;padding:44px 48px 40px;
  width:720px;max-width:100%;
  box-shadow:var(--shadow-lg),0 0 0 1px var(--border2);
  animation:fadeUp .4s ease;
}
.reg-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px;}
.reg-head h2{font-family:inherit;font-weight:800;font-size:22px;color:var(--text);letter-spacing:-.01em;}
.reg-head h2 .ul{width:44px;height:3px;background:var(--brand-500);border-radius:2px;margin-top:6px;}
.btn-back{
  padding:8px 18px;background:var(--brand-600);color:#fff;
  border:none;border-radius:6px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;
  transition:background .2s;
}
.btn-back:hover{background:var(--brand-500);}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:17px;}
.fgrid .full{grid-column:1/-1;}
.fgcol{display:flex;flex-direction:column;gap:5px;}
.fgcol label{font-size:11.5px;font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:.3px;}
.fgcol input,.fgcol select{
  padding:11px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);
  font-family:inherit;font-size:13.5px;color:var(--text);background:#f7f9f8;
  outline:none;transition:border-color .2s,box-shadow .2s;
}
.fgcol input:focus,.fgcol select:focus{border-color:var(--brand-500);background:#fff;box-shadow:0 0 0 3px rgba(34,197,94,0.09);}
.pwrap{position:relative;}
.pwrap input{width:100%;padding-right:42px;}
.pwrap .eye{position:absolute;right:12px;top:50%;transform:translateY(-50%);}
.upload-lbl{
  display:flex;align-items:center;gap:12px;padding:11px 14px;
  border:1.5px dashed var(--border);border-radius:var(--radius-sm);
  cursor:pointer;color:var(--muted);font-size:13px;background:#f7f9f8;
  transition:border-color .2s,color .2s;
}
.upload-lbl:hover{border-color:var(--brand-400);color:var(--brand-600);}
.upload-lbl input{display:none;}
.upload-lbl i{font-size:17px;color:var(--brand-400);}
.btn-sub{
  width:100%;padding:14px;border:none;border-radius:var(--radius-sm);
  background:linear-gradient(135deg,#5b2bd5 0%,#8b5cf6 100%);
  color:#fff;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;margin-top:22px;
  box-shadow:0 4px 16px rgba(91,43,213,0.28);
  transition:opacity .2s,transform .15s;
}
.btn-sub:hover{opacity:.9;transform:translateY(-1px);}

/* FORGOT PASSWORD */
#pg-forgot{
  min-height:100vh;width:100%;
  background:linear-gradient(160deg,#eafcf1 0%,#f5f6f8 55%,#ffffff 100%);
  align-items:center;justify-content:center;
}
.forgot-glass{
  background:#fff;border-radius:22px;padding:48px 44px;
  width:440px;box-shadow:var(--shadow-lg),0 0 0 1px var(--border2);
  animation:fadeUp .4s ease;text-align:center;
}
.forg-icon{
  width:64px;height:64px;background:var(--brand-100);border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  margin:0 auto 20px;color:var(--brand-600);font-size:26px;
}
.forgot-glass h2{font-family:inherit;font-weight:800;font-size:20px;color:var(--text);margin-bottom:8px;letter-spacing:-.01em;}
.forgot-glass p{color:var(--muted);font-size:13.5px;line-height:1.65;margin-bottom:24px;}
.forgot-glass .fg{text-align:left;}
.otp-row{display:flex;gap:10px;justify-content:center;margin:18px 0 22px;}
.obox{
  width:52px;height:56px;text-align:center;font-size:22px;font-weight:700;
  border:2px solid var(--border);border-radius:10px;outline:none;
  font-family:inherit;color:var(--brand-700);transition:border-color .2s,box-shadow .2s;
}
.obox:focus{border-color:var(--brand-500);box-shadow:0 0 0 3px rgba(34,197,94,0.1);}
.resend{font-size:13px;color:var(--muted);margin-top:18px;}
.resend a{color:var(--brand-600);font-weight:600;cursor:pointer;}