*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;line-height:1.5;color:#333;background:#fff}:root{--primary-color: #D4AF37;--secondary-color: #3c3c3c;--success-color: #27ae60;--warning-color: #f39c12;--error-color: #e74c3c;--white: #ffffff;--gray-50: #f8f8f8;--gray-100: #f0f0f0;--gray-200: #eee;--gray-300: #ddd;--gray-400: #ccc;--gray-500: #888;--gray-600: #666;--gray-700: #333;--font-family-primary: "Arial", sans-serif;--font-size-base: 16px;--font-size-sm: 14px;--font-size-lg: 18px;--font-size-xl: 24px;--font-size-2xl: 32px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 40px;--spacing-3xl: 60px;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--shadow-sm: 0 2px 4px rgba(0,0,0,.1);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--shadow-lg: 0 8px 30px rgba(0,0,0,.15)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--border-radius-sm);font-family:var(--font-family-primary);font-size:var(--font-size-base);cursor:pointer;transition:all .2s ease;text-decoration:none}.btn--primary{background:var(--primary-color);color:var(--white);font-weight:600}.btn--primary:hover{background:#b8941f;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn--secondary{background:transparent;border:1px solid var(--gray-400);color:var(--gray-600);font-weight:500}.btn--secondary:hover{background:var(--gray-100);border-color:var(--gray-500);color:var(--gray-700)}.btn--secondary.btn--active{background:var(--primary-color);border-color:var(--primary-color);color:var(--white)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}