@charset "utf-8";
/* =====================================================================
   Rent108 — สมัครสมาชิก (register.php) : ต่อจาก index/howto.css
   ===================================================================== */
.rg-steps{list-style:none;margin:20px 0 0;padding:0;display:flex;gap:8px;flex-wrap:wrap;position:relative;z-index:1;}
.rg-steps li{display:flex;align-items:center;gap:8px;padding:6px 14px 6px 6px;border:1px solid rgba(200,164,93,.3);border-radius:30px;font-size:13px;color:#a9a59c;transition:all .4s;}
.rg-steps li b{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Cormorant Garamond',serif;font-size:15px;background:rgba(255,255,255,.08);color:#cfcac0;}
.rg-steps li.is-on{border-color:var(--gold);color:#fff;}
.rg-steps li.is-on b{background:linear-gradient(135deg,var(--gold-soft),var(--gold));color:var(--ink);}
.rg-note{padding:11px 14px;background:var(--gold-light);border-left:3px solid var(--gold);font-size:13.5px;color:var(--gold-text);border-radius:2px;}
.rg-note a{color:var(--gold-text) !important;border-bottom:1px solid currentColor;}

.rg-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:16px;align-items:start;}
.rg-card .hu-card-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;}
.rg-have{font-size:13px;color:var(--mute);}
.rg-have a{color:var(--gold-text) !important;font-weight:500;border-bottom:1px solid currentColor;}
.rg-form{display:grid;gap:18px;margin-top:16px;}
.rg-form fieldset{border:0;margin:0;padding:0;display:grid;gap:14px;}
.rg-form legend{padding:0;margin-bottom:12px;font-size:12px;letter-spacing:.14em;color:var(--gold-text);font-weight:500;}
.rg-f{display:flex;flex-direction:column;gap:6px;min-width:0;}
.rg-f > span:first-child{font-size:13.5px;color:#3a3a3e;}
.rg-f em{font-style:normal;color:#b3432f;}
.rg-pw{position:relative;display:block;}
.rg-hint{font-size:12.5px;color:var(--mute);min-height:1em;line-height:1.5;}
.rg-hint.is-ok{color:#2f7d4f;} .rg-hint.is-bad{color:#b3432f;} .rg-hint.is-wait{color:var(--gold-text);}
.rg-meter{display:block;height:4px;border-radius:4px;background:var(--line);overflow:hidden;}
.rg-meter i{display:block;height:100%;width:0;border-radius:4px;transition:width .3s,background .3s;background:#b3432f;}
.rg-meter i.is-2{background:#d08b2c;} .rg-meter i.is-3{background:#8aa23a;} .rg-meter i.is-4{background:#2f7d4f;}
.rg-hp{position:absolute !important;left:-9999px;width:1px;height:1px;overflow:hidden;}
.rg-msg{display:none;margin:0;padding:10px 12px;border-radius:4px;background:#fdf3f1;color:#b3432f;font-size:13.5px;}
.rg-msg.is-show{display:block;}
.rg-fine{margin:0;font-size:12.5px;color:var(--mute);line-height:1.6;}
.rg-fine a{color:var(--gold-text) !important;font-weight:500;}
.rg-done{display:none;text-align:center;padding:34px 10px 18px;}
.rg-done.is-show{display:grid;gap:10px;justify-items:center;animation:rg-in .45s ease;}
.rg-done i{font-style:normal;width:64px;height:64px;border-radius:50%;background:var(--ink);color:var(--gold-soft);font-size:28px;display:flex;align-items:center;justify-content:center;animation:rg-pop .6s cubic-bezier(.2,1.4,.4,1);}
.rg-done b{font-family:'Noto Serif Thai',serif;font-weight:500;font-size:21px;}
.rg-done p{margin:0;font-size:14px;color:var(--mute);}
@keyframes rg-in{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}
@keyframes rg-pop{from{transform:scale(.4);}to{transform:none;}}

.rg-side{display:grid;gap:16px;}
.rg-perks{display:grid;gap:12px;}
.rg-perks b{font-weight:500;font-size:15px;}
.rg-perks ul{margin:0;padding:0;list-style:none;display:grid;gap:9px;}
.rg-perks li{position:relative;padding-left:24px;font-size:13.5px;line-height:1.55;color:#3a3a3e;}
.rg-perks li::before{content:"✓";position:absolute;left:0;color:var(--gold-text);font-weight:600;}

/* ชนะสไตล์ช่องกรอก/ปุ่มทั่วไปของ luxe.css (#all #main_story td:last-child …) */
#all #main_story .rg .rg-f input[name]{width:100%;font-family:'Prompt',Tahoma,sans-serif;font-size:15.5px;color:var(--ink);background:var(--ivory) !important;border:1px solid var(--line) !important;border-radius:6px;padding:12px 13px;outline:none;transition:border-color .2s,box-shadow .2s,background .2s;-webkit-appearance:none;appearance:none;height:auto;}
#all #main_story .rg .rg-pw input[name]{padding-right:64px;}
#all #main_story .rg .rg-f input[name]:focus{background:#fff !important;border-color:var(--gold) !important;box-shadow:0 0 0 3px rgba(200,164,93,.18);}
#all #main_story .rg .rg-f input[name].is-err{border-color:#b3432f !important;background:#fdf3f1 !important;}
#all #main_story .rg .rg-f input[name].is-ok{border-color:#9cc7a9 !important;}
#all #main_story .rg button.rg-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:transparent !important;border:0 !important;color:var(--gold-text) !important;font-size:12.5px !important;padding:6px 8px;border-radius:4px;cursor:pointer;letter-spacing:0;}
#all #main_story .rg button.rg-eye:hover{background:rgba(200,164,93,.12) !important;color:var(--gold-text) !important;transform:translateY(-50%);}
#all #main_story .rg button.rg-submit{width:100%;justify-content:center;font-family:inherit;font-size:16px !important;padding:14px 22px;cursor:pointer;background:linear-gradient(135deg,var(--gold-soft),var(--gold) 55%,#b8862b) !important;color:var(--ink) !important;border:1px solid var(--gold) !important;border-radius:30px;font-weight:500;}
#all #main_story .rg button.rg-submit:hover{background:var(--ink) !important;color:var(--gold-soft) !important;border-color:var(--ink) !important;}
#all #main_story .rg button.rg-submit.is-busy{opacity:.75;cursor:wait;}

@media (max-width:980px){ .rg-grid{grid-template-columns:1fr;} }
@media (max-width:560px){ .rg-steps li span{font-size:12px;} .rg-steps li{padding-right:10px;} }