:root{--primary:#2c7a7b;--primary-light:#e6fffa;--secondary:#2d3748;--background:#f7fafc;--success:#38a169;--error:#e53e3e}.excel-converter{min-height:100vh;background:linear-gradient(135deg,var(--background) 0,#fff 100%);padding:2rem}.converter-card{background:#545454;border-radius:1rem;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:all .3s ease}.card-header{background:var(--primary);border-radius:1rem 1rem 0 0;padding:1.5rem}.card-header-responsive{padding:1rem}.dropzone-area{min-height:200px;border:2px dashed var(--primary);border-radius:.75rem;padding:2rem;text-align:center;transition:all .3s ease;background:var(--primary-light)}.dropzone-area:hover{border-color:#0d6efd;background-color:#f8f9fa;transform:translateY(-2px)}.json-preview{background:var(--secondary);border-radius:.5rem;padding:1rem;max-height:400px;overflow:auto;min-height:100px}.json-preview pre{color:#e2e8f0;margin:0;font-family:Monaco,monospace}.json-converter{max-width:800px;margin:2rem auto;padding:0 1rem}.upload-zone label{border:2px dashed #dee2e6;border-radius:8px;transition:all .3s ease}.upload-zone label:hover{border-color:#0d6efd;background-color:#f8f9fa}.json-input{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:.375rem;font-size:14px;line-height:1.5}.loading-spinner{border-radius:50%;border:3px solid #f3f3f3;border-top-color:#0d6efd;width:24px;height:24px;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.cursor-pointer{cursor:pointer}textarea.form-control{font-family:monospace;font-size:14px;min-height:200px}@media (max-width:767.98px){.card-header-responsive h1{font-size:1.25rem!important;margin-bottom:.75rem}.btn-sm{padding:.25rem .5rem;font-size:.75rem}}.contactContainer{max-width:800px;margin:0 auto;padding:2rem}.contactForm{margin-top:2rem}.formRow{display:flex;gap:1rem;margin-bottom:1rem}@media (max-width:768px){.formRow{flex-direction:column;gap:0}}.formGroup{margin-bottom:1.5rem;flex:1 1}.formGroup label{display:block;margin-bottom:.5rem;font-weight:500}.required{color:#e53e3e}.formGroup input,.formGroup textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:1rem;transition:border-color .2s}.formGroup input:focus,.formGroup textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.inputError{border-color:#e53e3e!important}.errorText{color:#e53e3e;margin-top:.5rem;font-size:.875rem}.submitButton{background-color:#3b82f6;color:#fff;font-weight:600;padding:.75rem 1.5rem;border:none;border-radius:.375rem;cursor:pointer;transition:background-color .2s}.submitButton:hover{background-color:#2563eb}.submitButton:disabled{background-color:#9ca3af;cursor:not-allowed}.successMessage{background-color:#d1fae5;color:#065f46}.errorMessage,.successMessage{padding:1rem;border-radius:.375rem;margin-bottom:1.5rem}.errorMessage{background-color:#fee2e2;color:#b91c1c}.ad-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;width:100%;overflow:hidden;padding:.5rem 0}.ad-container .adsbygoogle{width:100%}.ad-label{align-self:flex-start;font-size:.6875rem;line-height:1;letter-spacing:.06em;text-transform:uppercase;color:#9ca3af}