/* General Wrapper */
.fcs-container { font-family: 'Inter', 'Segoe UI', sans-serif; max-width: 400px; margin: 40px auto; padding: 30px; background: #fff; border-radius: 12px; box-shadow: 0 5px 20px rgba(0,0,0,0.08); border: 1px solid #eaeaea; }
.fcs-container h2 { text-align: center; margin-bottom: 25px; color: #2d3436; font-weight: 700; }

/* Forms */
.fcs-form-group { margin-bottom: 20px; }
.fcs-form-group label { display: block; margin-bottom: 8px; font-weight: 600; color: #636e72; font-size: 14px; }
.fcs-input { width: 100%; padding: 12px 15px; border: 1px solid #dfe6e9; border-radius: 8px; font-size: 15px; transition: 0.3s; box-sizing: border-box; }
.fcs-input:focus { border-color: #0984e3; outline: none; box-shadow: 0 0 0 3px rgba(9, 132, 227, 0.1); }

/* Buttons */
.fcs-btn { width: 100%; padding: 14px; background: #0984e3; color: white; border: none; border-radius: 8px; font-size: 16px; font-weight: 600; cursor: pointer; transition: 0.3s; }
.fcs-btn:hover { background: #0069d9; transform: translateY(-1px); }

/* Alerts */
.fcs-alert { padding: 12px; border-radius: 6px; font-size: 14px; margin-bottom: 20px; text-align: center; }
.fcs-error { background: #ffebee; color: #c62828; border: 1px solid #ffcdd2; }
.fcs-success { background: #e8f5e9; color: #2e7d32; border: 1px solid #c8e6c9; }

/* Links */
.fcs-link { text-align: center; display: block; margin-top: 15px; font-size: 14px; color: #666; }
.fcs-link a { color: #0984e3; text-decoration: none; font-weight: 600; }