.ntg-id-wrap{width:100%;max-width:760px;margin:12px auto;}
.ntg-id-card{position:relative;width:100%;padding-bottom:calc(100%/var(--ratio));background-size:cover;background-position:center;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,.12);overflow:hidden;}
.ntg-photo,.ntg-qr{position:absolute;object-fit:cover;background:#fff;border-radius:8px;}
/* Avatar ~170x226px centered in red frame */
.ntg-photo{box-shadow:0 0 0 2px #fff;}
.ntg-qr{padding:6px;background:#fff;aspect-ratio:1/1;top:48%;left:82%;width:12%;border-radius:6px;}

.ntg-text{position:absolute;color:#0b1b2b;font-weight:700;font-size:clamp(14px,1.9vw,20px);text-shadow:0 1px 0 rgba(255,255,255,.6);}
.ntg-name{top:40%;left:47%;width:42%;}
.ntg-id{top:48%;left:47%;width:42%;}
.ntg-class{top:56%;left:47%;width:42%;}
.ntg-dob{top:64%;left:47%;width:42%;}

.ntg-edit-wrap{background:#fff;border-radius:10px;padding:12px;margin-top:12px;box-shadow:0 6px 18px rgba(0,0,0,.06);display:none;}
.ntg-edit-form input[type=file]{display:block;}
.ntg-update-success{max-width:760px;margin:12px auto;padding:10px;background:#e6ffe6;border:1px solid #c6f2c6;border-radius:6px;color:#064e06;}
.button{cursor:pointer;}