/* ==================== พาร์ท 2/3: register_style.css ดีไซน์ธีมมืดขอบทองหรูพรีเมียม ==================== */
html, body { min-height: 100%; margin: 0; padding: 0; background-color: #1a1c20; font-family: 'Kanit', sans-serif; }
.main-center-container { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 40px 20px; width: 100%; box-sizing: border-box; }
.panel-card { background-color: #24262b; border-radius: 16px; padding: 40px 35px; width: 100%; max-width: 440px; box-shadow: 0 12px 40px rgba(0,0,0,0.6); border: 1px solid rgba(224, 169, 109, 0.25); text-align: center; color: #e4e6eb; box-sizing: border-box; }

.custom-input-group { background: #16171a !important; border: 1px solid #32353b !important; border-radius: 6px !important; transition: all 0.2s; display: flex; width: 100%; overflow: hidden; margin-bottom: 16px; }
.custom-input-group:focus-within { border-color: #f3be82; box-shadow: 0 0 8px rgba(243,190,130,0.25); }
.custom-input-group .input-group-text { background: transparent !important; border: none !important; color: #888b94 !important; width: 45px; justify-content: center; display: flex; align-items: center; }
.custom-input-group .form-control { background: transparent !important; border: none !important; color: #e1e1e3 !important; height: 46px; font-size: 14px; text-align: center; width: 100%; box-shadow: none !important; }
.custom-input-group .form-control:focus { outline: none !important; color: #fff !important; }

.glow-gold { color: #dfad6c !important; font-weight: 700; font-size: 22px; text-shadow: 0 0 12px rgba(223,173,108,0.45); }
.glow-green { color: #39ff14 !important; text-shadow: 0 0 6px #39ff14, 0 0 12px rgba(57,255,20,0.3); }

.success-display-box { background: rgba(57,255,20,0.06); border: 1px solid #2ea44f; border-radius: 8px; padding: 18px; text-align: left; margin-bottom: 20px; box-shadow: 0 0 15px rgba(46,164,79,0.15); }
.success-data-row { display: flex; justify-content: space-between; border-bottom: 1px solid rgba(46,164,79,0.2); padding: 8px 0; font-size: 13.5px; }
.success-data-row:last-child { border-bottom: none; }

.btn-gold { 
    background: linear-gradient(135deg, #e0a96d 0%, #c49253 100%) !important; 
    border: none !important; 
    color: #1a1c20 !important; 
    font-weight: 800 !important; 
    height: 48px; 
    border-radius: 6px; 
    box-shadow: 0 4px 15px rgba(224,169,109,0.25); 
    transition: all 0.3s ease; 
    cursor: pointer;
    width: 100%;
    display: block;
}
.btn-gold:hover { background: linear-gradient(135deg, #ffffff 0%, #e0a96d 100%) !important; transform: translateY(-1px); box-shadow: 0 6px 20px rgba(224,169,109,0.4); color: #1a1c20 !important; }

/* ปุ่มสีทองทึบหรูไล่เฉด ตามต้นฉบับรูปอ้างอิงกล่องรับโบนัส */
.btn-claim-premium-register {
    background: linear-gradient(135deg, #dfad6c 0%, #c49253 50%, #a6773c 100%) !important; 
    color: #000000 !important; 
    font-weight: 900 !important; 
    height: 46px; 
    border-radius: 8px !important; 
    font-size: 14.5px !important; 
    border: 1px solid rgba(255,255,255,0.1) !important; 
    box-shadow: 0 4px 15px rgba(223,173,108,0.35), inset 0 1px 0 rgba(255,255,255,0.2); 
    text-decoration: none !important; 
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    text-transform: uppercase;
    transition: all 0.25s ease;
}
.btn-claim-premium-register:hover {
    background: linear-gradient(135deg, #ffffff 0%, #dfad6c 100%) !important;
    box-shadow: 0 0 22px rgba(223,173,108,0.55), 0 5px 12px rgba(0,0,0,0.3);
    transform: translateY(-1px);
}