:root{--bg-dark: #0F1221;--bg-card: #1C2036;--bg-input: #272C48;--primary-gold: #FCEEA3;--primary-gold-hover: #E6D68B;--text-white: #FFFFFF;--text-muted: #A0A5B9;--success-green: #00E676;--danger-red: #FF5252;--warning-gold: #FFC107;--font-base: "Outfit", sans-serif;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-base);background-color:var(--bg-dark);color:var(--text-white);-webkit-font-smoothing:antialiased;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:480px;margin:0 auto;padding:20px}.card{background-color:var(--bg-card);border-radius:var(--radius-md);padding:20px;margin-bottom:20px;box-shadow:0 4px 6px #0000001a}.btn{display:flex;align-items:center;justify-content:center;width:100%;padding:16px;border-radius:50px;border:none;font-family:var(--font-base);font-weight:600;font-size:16px;cursor:pointer;transition:all .2s}.btn-primary{background-color:var(--primary-gold);color:#1a1a1a}.btn-primary:hover{background-color:var(--primary-gold-hover);transform:translateY(-2px)}.input-group{margin-bottom:24px}.input-label{display:block;margin-bottom:8px;color:var(--text-white);font-size:14px;font-weight:500}.input-field{width:100%;background-color:var(--bg-input);border:1px solid transparent;color:var(--text-white);padding:16px;border-radius:var(--radius-sm);font-family:var(--font-base);font-size:16px;transition:border .2s}.input-field:focus{outline:none;border-color:var(--primary-gold)}.icon{width:24px;height:24px}