:root { --gold: #d4af37; --dark: #121212; }
body { background: #000; color: #fff; font-family: 'Segoe UI', sans-serif; display: flex; justify-content: center; align-items: center; min-height: 100vh; margin: 0; padding: 10px; }
.signup-container { width: 100%; max-width: 400px; background: #1a1a1a; padding: 30px 20px; border-radius: 30px; border: 1px solid #333; box-shadow: 0 0 20px rgba(212, 175, 55, 0.1); }
.lang-wrapper { text-align: right; margin-bottom: 20px; }
select { background: #000; color: var(--gold); border: 1px solid var(--gold); padding: 5px 15px; border-radius: 15px; cursor: pointer; }
.input-wrapper { position: relative; margin-bottom: 15px; }
input { width: 100%; padding: 16px; background: #222; border: none; border-radius: 15px; color: #fff; box-sizing: border-box; margin-bottom: 15px; }
input:focus { outline: 1px solid var(--gold); }
.eye-btn { position: absolute; right: 10px; top: 12px; background: none; border: none; color: var(--gold); cursor: pointer; font-size: 18px; }
[dir="ltr"] .eye-btn { right: auto; left: 10px; }
.gold-btn { background: linear-gradient(135deg, #bf953f, #fcf6ba, #b38728); color: #000; font-weight: bold; width: 100%; padding: 16px; border: none; border-radius: 15px; cursor: pointer; font-size: 18px; margin-top: 10px; }