/* Eboni One - Cari Akun Saya
   UI-only refinement. No account lookup / auth logic is changed. */
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:"Segoe UI",Arial,sans-serif}
body{min-width:320px}
.account141-body{min-height:100vh;background:#061c44;color:#10213d}

.account141-page{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:36px 20px;
  background:
    linear-gradient(90deg,rgba(2,19,48,.90) 0%,rgba(3,30,67,.72) 42%,rgba(4,38,80,.48) 100%),
    url('../img/login-premium-113.png') center center / cover no-repeat;
}

.account141-card{
  width:min(100%,610px);
  padding:28px 40px 38px;
  border:1px solid rgba(214,222,234,.95);
  border-radius:24px;
  background:rgba(255,255,255,.985);
  box-shadow:0 28px 75px rgba(0,15,42,.34),0 2px 8px rgba(11,42,82,.06);
  color:#10213d;
  overflow:hidden;
}

.account141-back{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:34px;
  color:#536985;
  text-decoration:none;
  font-size:13px;
  font-weight:700;
  transition:color .18s ease,transform .18s ease;
}
.account141-back:hover{color:#075fd0;transform:translateX(-2px)}
.account141-back i{font-size:14px}

.account141-logo{
  width:72px;
  height:72px;
  margin:2px auto 9px;
  display:grid;
  place-items:center;
}
.account141-logo img{display:block;max-width:68px;max-height:68px;object-fit:contain}
.account141-logo i{font-size:42px;color:#1767d6}

.account141-kicker{
  display:block;
  text-align:center;
  color:#1263d5;
  font-size:11px;
  line-height:1;
  font-weight:850;
  letter-spacing:.20em;
}
.account141-card h1{
  margin:8px 0 8px;
  text-align:center;
  color:#0b1d3d;
  font-size:32px;
  line-height:1.08;
  letter-spacing:-.025em;
  font-weight:800;
}
.account141-intro{
  max-width:470px;
  margin:0 auto 24px;
  text-align:center;
  color:#6a7a90;
  font-size:13px;
  line-height:1.62;
}
.account141-intro strong{color:#405570}

.account141-alert{
  display:flex;
  align-items:flex-start;
  gap:10px;
  width:100%;
  padding:12px 14px;
  margin:0 0 17px;
  border-radius:11px;
  font-size:12px;
  line-height:1.5;
}
.account141-alert i{margin-top:1px;flex:0 0 auto}
.account141-alert.success{background:#ebf8ef;color:#14723a;border:1px solid #cdebd8}
.account141-alert.error{background:#fff0f0;color:#b42318;border:1px solid #ffd7d4}
.account141-alert.not_found{background:#fff8e9;color:#805400;border:1px solid #f2dfb1}

.account141-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:16px;
  width:100%;
}
.account141-grid>div{min-width:0}
.account141-card label{
  display:block;
  margin:0 0 7px;
  color:#17243c;
  font-size:12px;
  line-height:1.2;
  font-weight:750;
}
.account141-input{
  width:100%;
  min-width:0;
  height:54px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 14px;
  overflow:hidden;
  border:1px solid #ccd6e4;
  border-radius:12px;
  background:#fbfdff;
  box-shadow:0 3px 10px rgba(17,50,94,.035);
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.account141-input:focus-within{
  border-color:#2a79e9;
  background:#fff;
  box-shadow:0 0 0 3px rgba(42,121,233,.11),0 7px 18px rgba(25,82,164,.06);
}
.account141-input i{flex:0 0 auto;color:#7d8da3;font-size:16px}
.account141-input>span{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  min-width:37px;
  height:26px;
  padding-right:11px;
  border-right:1px solid #d9e1eb;
  color:#1767d6;
  font-size:14px;
  font-weight:850;
}
.account141-input input{
  flex:1 1 auto;
  width:100%;
  min-width:0;
  height:100%;
  padding:0;
  border:0;
  outline:0;
  background:transparent;
  color:#15223a;
  font-family:inherit;
  font-size:14px;
  font-weight:650;
}
.account141-input input::placeholder{color:#9ca9b9;font-weight:500}

.account141-example{
  display:flex;
  align-items:center;
  gap:8px;
  margin:13px 0 18px;
  color:#687b92;
  font-size:11px;
  line-height:1.4;
}
.account141-example i{color:#1670db;flex:0 0 auto}
.account141-example strong{color:#425875}

.account141-search,.account141-primary{
  width:100%;
  height:52px;
  border:0;
  border-radius:12px;
  color:#fff;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
  text-decoration:none;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  background:linear-gradient(90deg,#1c84f4 0%,#0759d0 100%);
  box-shadow:0 12px 24px rgba(10,91,208,.20);
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.account141-search:hover,.account141-primary:hover{transform:translateY(-1px);box-shadow:0 15px 27px rgba(10,91,208,.25);filter:saturate(1.03)}
.account141-search:active,.account141-primary:active{transform:translateY(0)}
.account141-search i,.account141-primary i{font-size:15px}

.account141-result{
  margin:1px 0 17px;
  padding:20px 18px;
  border:1px solid #bfd9ff;
  border-radius:15px;
  background:linear-gradient(145deg,#f7fbff,#edf6ff);
  text-align:center;
}
.account141-result>span{display:block;color:#6b7f99;font-size:10px;font-weight:850;letter-spacing:.16em}
.account141-result>strong{display:block;margin:5px 0 12px;color:#075dce;font-size:27px;line-height:1.15;overflow-wrap:anywhere}
.account141-result>div{display:flex;align-items:center;justify-content:center;gap:7px;color:#53677f;font-size:12px;line-height:1.45}
.account141-result>div i{color:#d29c28}
.account141-actions{display:grid;gap:10px}
.account141-secondary{
  min-height:46px;
  border:1px solid #ccd8e8;
  border-radius:11px;
  color:#275b95;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  font-weight:750;
  text-decoration:none;
  font-size:12px;
  transition:background .18s ease,border-color .18s ease;
}
.account141-secondary:hover{background:#f7faff;border-color:#b7c9df}

.account141-help{
  margin-top:17px;
  padding:14px;
  border:1px solid #e0e7f0;
  border-radius:12px;
  background:#f6f8fb;
}
.account141-help p{margin:0 0 11px;color:#61738a;font-size:11px;line-height:1.55}
.account141-help a{
  min-height:45px;
  border-radius:10px;
  background:#1e9d55;
  color:#fff;
  text-decoration:none;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  font-size:12px;
  font-weight:800;
  transition:background .18s ease,transform .18s ease;
}
.account141-help a:hover{background:#188b4b;transform:translateY(-1px)}
.account141-help a i{font-size:17px}

@media(max-width:680px){
  .account141-page{align-items:flex-start;padding:18px 12px 28px;background-position:58% center}
  .account141-card{width:100%;padding:22px 18px 24px;border-radius:20px}
  .account141-logo{width:64px;height:64px;margin-top:0}
  .account141-logo img{max-width:60px;max-height:60px}
  .account141-card h1{font-size:27px}
  .account141-intro{font-size:12px;margin-bottom:20px}
  .account141-grid{grid-template-columns:1fr;gap:13px}
  .account141-input{height:52px}
  .account141-example{margin-top:12px}
}

@media(max-height:760px) and (min-width:681px){
  .account141-page{padding:20px}
  .account141-card{padding-top:22px;padding-bottom:25px}
  .account141-logo{width:60px;height:60px;margin-top:0;margin-bottom:5px}
  .account141-logo img{max-width:56px;max-height:56px}
  .account141-card h1{font-size:29px}
  .account141-intro{margin-bottom:18px}
  .account141-input{height:50px}
  .account141-search,.account141-primary{height:49px}
}