*{box-sizing:border-box}
body.lg{margin:0;min-height:100vh;font-family:Nunito,"Segoe UI",system-ui,sans-serif;color:#fff;
  background:#a6d5cd;background-image:radial-gradient(circle at 20% 15%,rgba(255,255,255,.35),transparent 40%),radial-gradient(circle at 85% 80%,rgba(95,158,160,.35),transparent 45%),
  repeating-radial-gradient(circle at 0 0,rgba(255,255,255,.05) 0 2px,transparent 2px 9px);display:grid;place-items:center;padding:28px 16px}
.lg-wrap{width:100%;max-width:400px;text-align:center}
.lg-title{font:800 clamp(1.7rem,6vw,2.3rem)/1.1 "Baloo 2","Segoe UI",sans-serif;color:#c8474b;margin:0;letter-spacing:.5px;text-shadow:0 2px 0 rgba(255,255,255,.35)}
.lg-sub{margin:4px 0 78px;color:#2f6b6b;font-weight:700}
.lg-card{position:relative;background:#3f8b94;border-radius:8px;padding:78px 34px 22px;box-shadow:0 18px 40px -18px rgba(20,70,75,.6)}
.lg-avatar{position:absolute;left:50%;top:-56px;transform:translateX(-50%);width:112px;height:112px;border-radius:50%;border:5px solid #fff;overflow:hidden;background:#cfe7e3;box-shadow:0 8px 20px rgba(0,0,0,.2)}
.lg-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.lg-card input{display:block;width:100%;background:transparent;border:0;border-bottom:2px solid rgba(255,255,255,.9);color:#fff;font:600 1rem Nunito,sans-serif;padding:12px 4px;margin-bottom:18px;outline:none;border-radius:0}
.lg-card input::placeholder{color:rgba(255,255,255,.85)}.lg-card input:focus{border-bottom-color:#ffe082}
.lg-card input:-webkit-autofill{-webkit-text-fill-color:#fff;transition:background-color 9999s}
.lg-lupa{color:#fff;font-size:.82rem;text-decoration:none;opacity:.95}.lg-lupa:hover{text-decoration:underline}
.lg-info{font-size:.8rem;background:rgba(0,0,0,.18);border-radius:8px;padding:8px 10px;margin:12px 0 0;text-align:left}
.lg-err{background:#fde2e2;color:#b42318;border-radius:8px;padding:8px 10px;font-weight:700;font-size:.88rem;margin-bottom:14px}
.lg-btn{width:100%;margin-top:18px;background:#d0484a;color:#fff;border:0;border-radius:6px;padding:15px;font:800 1.05rem "Baloo 2",sans-serif;cursor:pointer;box-shadow:0 10px 22px -10px #9b2c2e;transition:.15s}
.lg-btn:hover{background:#bf3d3f;transform:translateY(-1px)}
