:root{--color-primary-900: #0d3b14;--color-primary-800: #1a5c2e;--color-primary-700: #2d7a45;--color-primary-600: #3d9e55;--color-primary-500: #4fb366;--color-primary-400: #6cc05f;--color-primary-300: #8cce83;--color-primary-200: #a8e6b3;--color-primary-100: #c8f0c4;--color-primary-50: #e8f8e3;--color-danger-900: #6b1c1c;--color-danger-800: #9b2c2c;--color-danger-700: #c82333;--color-danger-600: #dc3545;--color-danger-500: #ef4444;--color-danger-400: #f87171;--color-danger-300: #fca5a5;--color-danger-200: #fee2e2;--color-danger-100: #fff5f5;--color-warning-900: #7c2d12;--color-warning-800: #b45309;--color-warning-700: #d97706;--color-warning-600: #f59e0b;--color-warning-500: #fbbf24;--color-warning-400: #fcd34d;--color-warning-300: #fde68a;--color-warning-200: #fef3c7;--color-warning-100: #fffbeb;--color-info-900: #0c2340;--color-info-800: #1e3a8a;--color-info-700: #1d4ed8;--color-info-600: #2563eb;--color-info-500: #3b82f6;--color-info-400: #60a5fa;--color-info-300: #93c5fd;--color-info-200: #dbeafe;--color-info-100: #eff6ff;--color-purple-900: #4c1d95;--color-purple-800: #6d28d9;--color-purple-700: #7c3aed;--color-purple-600: #a855f7;--color-purple-500: #d8b4fe;--color-purple-400: #e9d5ff;--color-purple-100: #f3e8ff;--color-gray-900: #111827;--color-gray-800: #1f2937;--color-gray-700: #374151;--color-gray-600: #4b5563;--color-gray-500: #6b7280;--color-gray-400: #9ca3af;--color-gray-300: #d1d5db;--color-gray-200: #e5e7eb;--color-gray-100: #f3f4f6;--color-gray-50: #f9fafb;--color-white: #ffffff;--color-white-rgb: 255, 255, 255;--color-black: #000000;--text-primary: var(--color-gray-900);--text-secondary: var(--color-gray-600);--text-tertiary: var(--color-gray-500);--text-inverse: var(--color-white);--text-muted: var(--color-gray-300);--bg-primary: var(--color-white);--bg-secondary: var(--color-gray-50);--bg-tertiary: var(--color-gray-100);--bg-overlay: rgba(0, 0, 0, .5);--border-color-light: var(--color-gray-200);--border-color-medium: var(--color-gray-300);--border-color-dark: var(--color-gray-400);--border-color-focus: var(--color-primary-800);--state-success: var(--color-primary-600);--state-error: var(--color-danger-600);--state-warning: var(--color-warning-600);--state-info: var(--color-info-600);--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: "Courier New", Courier, monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--shadow-none: none;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-base: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-primary-sm: 0 4px 15px rgba(26, 92, 46, .15);--shadow-primary-md: 0 8px 25px rgba(26, 92, 46, .25);--shadow-primary-lg: 0 15px 40px rgba(26, 92, 46, .35);--border-width-0: 0;--border-width-1: 1px;--border-width-2: 2px;--border-width-4: 4px;--border-radius-none: 0;--border-radius-sm: .375rem;--border-radius-base: .5rem;--border-radius-md: .75rem;--border-radius-lg: 1rem;--border-radius-xl: 1.25rem;--border-radius-2xl: 1.5rem;--border-radius-full: 9999px;--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out;--dashboard-navbar-height: 65px;--dashboard-sidebar-width: 250px;--sidebar-collapsed-width: 60px;--sidebar-item-height: 44px;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}:root.dark-theme{--text-primary: var(--color-gray-50);--text-secondary: var(--color-gray-300);--text-tertiary: var(--color-gray-400);--text-inverse: var(--color-gray-900);--bg-primary: var(--color-gray-900);--bg-secondary: var(--color-gray-800);--bg-tertiary: var(--color-gray-700);--bg-overlay: rgba(0, 0, 0, .7);--border-color-light: var(--color-gray-700);--border-color-medium: var(--color-gray-600);--border-color-dark: var(--color-gray-500)}:root{--gradient-primary: linear-gradient(135deg, var(--color-primary-800) 0%, var(--color-primary-700) 50%, var(--color-primary-800) 100%);--gradient-primary-to-accent: linear-gradient(135deg, var(--color-primary-800) 0%, var(--color-primary-300) 100%);--gradient-primary-fade: linear-gradient(135deg, var(--color-primary-700) 0%, rgba(26, 92, 46, 0) 100%);--gradient-danger: linear-gradient(135deg, var(--color-danger-700) 0%, var(--color-danger-600) 100%);--gradient-warning: linear-gradient(135deg, var(--color-warning-600) 0%, var(--color-warning-500) 100%);--gradient-info: linear-gradient(135deg, var(--color-info-600) 0%, var(--color-info-500) 100%)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-muted{color:var(--text-muted)}.text-white{color:var(--color-white)}.text-error{color:var(--state-error)}.text-success{color:var(--state-success)}.text-warning{color:var(--state-warning)}.text-info{color:var(--state-info)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.bg-primary-light{background-color:var(--color-primary-50)}.bg-danger-light{background-color:var(--color-danger-100)}.bg-warning-light{background-color:var(--color-warning-100)}.bg-info-light{background-color:var(--color-info-100)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-base{box-shadow:var(--shadow-base)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-primary{box-shadow:var(--shadow-primary-md)}.gradient-primary{background:var(--gradient-primary)}.gradient-danger{background:var(--gradient-danger)}.gradient-warning{background:var(--gradient-warning)}.gradient-info{background:var(--gradient-info)}:root{--primary-green: #1a5c2e;--primary-green-light: #2d7a45;--primary-green-dark: #0d3b14;--accent-green: #8cce83;--accent-green-light: #a8e6b3}.contact-page{min-height:100vh;position:relative;z-index:1;padding-top:80px;display:flex;flex-direction:column}.contact-header{background:transparent;color:#fff;padding:8rem 2rem 0;text-align:center;margin-bottom:40px;flex:1;display:flex;align-items:center;justify-content:center}.contact-header-content{max-width:600px;margin:0 auto;padding:0 20px}.contact-title{font-size:3.5rem;font-weight:800;margin-bottom:20px;line-height:1.2;background:#fff;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.contact-subtitle{font-size:1.2rem;opacity:.98;margin:0;text-shadow:0 1px 4px rgba(0,0,0,.2);font-weight:500;color:#fffffff2}.contact-form-section{padding:20px 0;position:relative;z-index:2}.contact-form-wrapper{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;padding:50px;max-width:800px;margin:0 auto;position:relative}.form-section{margin-bottom:35px;padding-bottom:20px;border-bottom:1px solid #f0f0f0}.form-section:last-of-type{margin-bottom:0;padding-bottom:0;border-bottom:none}.form-section-title{font-size:1.3rem;font-weight:700;color:#fff;margin-bottom:25px;display:flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:.8px;background:linear-gradient(135deg,var(--color-primary-800) 0%,var(--color-primary-700) 100%);padding:16px 20px;border-radius:8px;border-left:4px solid var(--color-primary-300);box-shadow:0 4px 12px #1a5c2e33;transition:all .3s ease}.form-section-title:hover{transform:translate(4px);box-shadow:0 6px 16px #1a5c2e4d}.form-section-title i{color:var(--color-primary-300);font-size:1.4rem;transition:transform .3s ease}.form-section-title:hover i{transform:scale(1.15) rotate(10deg)}.contact-type-options{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-check-custom{position:relative}.form-check-input[type=radio]{appearance:none;width:0;height:0;opacity:0}.form-check-label{display:block;cursor:pointer;padding:20px;border:2px solid #ddd;border-radius:8px;transition:all .3s ease;margin-bottom:0}.form-check-input[type=radio]:checked+.form-check-label{border-color:var(--primary-green);background-color:#1a5c2e0d}.contact-option-content{display:flex;gap:15px;align-items:flex-start}.contact-option-icon{font-size:1.8rem;color:#fff;flex-shrink:0;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary-700) 0%,var(--color-primary-800) 100%);border-radius:10px;transition:all .3s ease;box-shadow:0 2px 8px #1a5c2e33}.form-check-input[type=radio]:checked+.form-check-label .contact-option-icon{transform:scale(1.15) rotate(12deg);box-shadow:0 4px 12px #1a5c2e66;background:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-primary-700) 100%)}.contact-option-text strong{display:block;color:#2d3436;margin-bottom:5px}.contact-option-text span{display:block;font-size:.85rem;color:#636e72}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{margin-bottom:20px}.form-label{display:block;font-weight:700;color:var(--color-primary-800);margin-bottom:10px;font-size:.98rem;letter-spacing:.3px;transition:all .3s ease}.form-label:hover{color:var(--color-primary-600)}.form-label i{margin-right:8px;color:var(--color-primary-300);font-size:1.1rem;transition:transform .3s ease}.form-label i:hover{transform:scale(1.2) rotate(15deg)}.form-control{border:2px solid #ddd;border-radius:6px;padding:12px 15px;font-size:1rem;transition:all .3s ease;font-family:inherit}.form-control:focus{border-color:var(--primary-green);box-shadow:0 0 0 3px #1a5c2e1a;outline:none}.form-control.is-invalid{border-color:#e17055}.invalid-feedback{display:block;color:#e17055;font-size:.85rem;margin-top:5px}textarea.form-control{resize:vertical;min-height:150px}.form-text{display:block;color:#95a5a6;font-size:.85rem;margin-top:5px}.form-actions{display:flex;gap:15px;margin-top:40px;padding-top:20px;border-top:1px solid #ddd}.btn-contact-submit,.btn-contact-cancel{padding:12px 30px;border-radius:6px;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:1rem;text-decoration:none}.btn-contact-submit{background:linear-gradient(135deg,var(--primary-green) 0%,var(--primary-green-light) 100%);color:#fff;flex:1}.btn-contact-submit:hover{transform:translateY(-2px);box-shadow:0 10px 20px #1a5c2e4d;color:#fff;text-decoration:none}.btn-contact-cancel{background:#ecf0f1;color:#2d3436;flex:0 1 auto}.btn-contact-cancel:hover{background:#dfe6e9;color:#2d3436;text-decoration:none}.alert{border-radius:8px;padding:15px 20px;margin-bottom:20px;border:none;display:flex;gap:12px;align-items:flex-start}.alert-success{background-color:#d4edda;color:#155724}.alert-danger{background-color:#f8d7da;color:#721c24}.alert i{margin-top:2px;flex-shrink:0}.alert ul{margin:0;padding-left:20px}.alert ul li{margin-top:5px}.btn-close{padding:0;background:transparent;border:none;font-size:1.2rem;cursor:pointer;opacity:.7;transition:opacity .3s ease;margin-left:auto;flex-shrink:0}.btn-close:hover{opacity:1}.contact-info-setransparent{padding:100px 0 120px;background:#fff;position:relative;z-index:2}.contact-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;max-width:1200px;margin:0 auto 80px;padding:0 20px 0 50px}.contact-info-card{background:#fffffff2;padding:40px 30px;border-radius:16px;text-align:center;box-shadow:0 10px 40px #0000001a;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.contact-info-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px #1a5c2e33}.contact-info-icon{font-size:3rem;color:#fff;margin-bottom:20px;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary-700) 0%,var(--color-primary-800) 100%);border-radius:12px;margin-left:auto;margin-right:auto;box-shadow:0 4px 15px #1a5c2e4d;transition:all .3s ease}.contact-info-card:hover .contact-info-icon{transform:rotateY(10deg) scale(1.1);box-shadow:0 8px 25px #1a5c2e80;background:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-primary-700) 100%)}.contact-info-card h3{color:var(--color-primary-800);margin-bottom:10px;font-weight:700;font-size:1.3rem;position:relative;display:inline-block;padding-bottom:8px}.contact-info-card h3:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60%;height:3px;background:linear-gradient(90deg,var(--color-primary-300) 0%,var(--color-primary-600) 50%,var(--color-primary-300) 100%);border-radius:2px;transition:width .3s ease}.contact-info-card:hover h3:after{width:85%}.contact-info-card p{color:#636e72;margin-bottom:10px;font-size:.95rem}.contact-info-card small{color:#95a5a6;font-size:.85rem}.contact-info-note{background:linear-gradient(135deg,#8cce831a,#a8e6b31a);border:2px solid var(--color-primary-300);border-radius:10px;padding:18px 20px;margin-bottom:30px;animation:slideInUp .4s ease-out}.info-note-content{display:flex;align-items:flex-start;gap:15px}.info-note-content i{font-size:1.5rem;color:var(--color-primary-700);flex-shrink:0;margin-top:2px}.info-note-text{font-size:.95rem;color:var(--color-primary-800);line-height:1.5}.info-note-text strong{color:var(--color-primary-700);font-weight:700}#modal-overlay-backdrop{position:fixed;left:0;right:0;bottom:0;background:#000000bf;z-index:9998;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}#modal-overlay-backdrop.show{opacity:1;visibility:visible}.modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}.modal-overlay.show{opacity:1;visibility:visible;pointer-events:auto}.modal-content{border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:90%;position:relative;animation:slideDown .3s ease-out;overflow:hidden;z-index:10001}@keyframes slideDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:15px;right:15px;background:none;border:none;font-size:1.5rem;color:var(--color-gray-400);cursor:pointer;padding:5px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .3s ease;z-index:10}.modal-close:hover{background:var(--color-gray-100);color:var(--color-primary-800)}.modal-header{background:linear-gradient(135deg,var(--color-primary-700) 0%,var(--color-primary-800) 100%);color:#fff;padding:30px 30px 25px;display:flex;align-items:center;justify-content:flex-start;gap:15px;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header i{font-size:2rem;color:var(--color-primary-300)}.modal-header h2{font-size:1.4rem;font-weight:700;margin:0;line-height:1.3}.modal-body{padding:30px;color:var(--color-gray-700);line-height:1.6}.modal-body p{margin-bottom:20px;font-size:.95rem}.modal-body p strong{color:var(--color-primary-800)}.modal-benefits{list-style:none;padding:0;margin:25px 0;display:flex;flex-direction:column;gap:12px}.modal-benefits li{display:flex;align-items:center;gap:12px;font-size:.95rem;color:var(--color-gray-700)}.modal-benefits i{color:var(--color-primary-600);font-size:1.1rem;flex-shrink:0}.modal-benefits strong{color:var(--color-primary-800)}.modal-footer-text{margin-top:25px;color:var(--color-primary-700);font-weight:600;text-align:center}.modal-actions{display:flex;flex-direction:column;gap:12px;padding:0 30px 30px}.btn-modal-signup,.btn-modal-send{padding:14px 24px;border-radius:8px;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;font-size:.95rem;text-decoration:none}.btn-modal-signup{background:linear-gradient(135deg,var(--color-primary-700) 0%,var(--color-primary-800) 100%);color:#fff;box-shadow:0 4px 15px #1a5c2e4d}.btn-modal-signup:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1a5c2e66}.btn-modal-send{background:#fff;color:var(--color-primary-800);border:2px solid var(--color-primary-300);box-shadow:0 2px 8px #0000000d}.btn-modal-send:hover{background:var(--color-primary-50);border-color:var(--color-primary-600);transform:translateY(-1px)}.btn-modal-signup i,.btn-modal-send i{font-size:1.1rem}.modal-overlay{z-index:10000!important}@media(max-width:768px){.contact-page{padding-top:70px}.contact-header{padding:40px 0;margin-bottom:30px}.contact-title{font-size:2rem}.contact-subtitle{font-size:1rem}.contact-form-section{padding:40px 0}.contact-form-wrapper{padding:30px;margin:0 15px}.form-row,.contact-type-options{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-contact-submit,.btn-contact-cancel{width:100%}.contact-info-section{padding:60px 0 80px}.contact-info-grid{grid-template-columns:1fr}.form-section-title{font-size:1.1rem}}@media(max-width:480px){.contact-title{font-size:1.5rem}.form-section-title{font-size:1rem}.contact-form-wrapper{padding:20px;margin:10px}.contact-option-content{flex-direction:column;gap:10px}.contact-option-icon{font-size:1.2rem}}
