*{margin:0;padding:0;box-sizing:border-box}*{max-width:100%}img,svg{max-width:100%;height:auto}svg{max-width:50px;height:auto;max-height:50px;display:inline-block;width:auto}.brand-icon svg{width:24px!important;height:24px!important;max-width:24px!important;max-height:24px!important}.nav-icon{font-size:1.25rem;line-height:1;min-width:20px;min-height:20px;display:inline-flex;align-items:center;justify-content:center}img,svg,canvas,video{max-width:100%;max-height:100%;width:auto;height:auto}.icon{display:inline-block;width:20px;height:20px;background-size:contain;background-repeat:no-repeat;background-position:center;flex-shrink:0}.icon-location{background:#059669;border-radius:50%;position:relative}.icon-location:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#fff;border-radius:50%}.icon-location:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:4px;background:#059669;border-radius:50%}.icon-phone{background:#059669;border-radius:4px;position:relative}.icon-phone:before{content:"";position:absolute;top:2px;left:2px;right:2px;bottom:2px;border:2px solid white;border-radius:2px}.icon-lock{background:#059669;border-radius:2px;position:relative}.icon-lock:before{content:"";position:absolute;top:-4px;left:50%;transform:translate(-50%);width:8px;height:6px;background:#059669;border-radius:4px 4px 0 0}.icon-lock:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:2px;background:#fff;border-radius:50%}.icon-download{background:#059669;border-radius:2px;position:relative}.icon-download:before{content:"";position:absolute;top:4px;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid white}.icon-download:after{content:"";position:absolute;bottom:2px;left:2px;right:2px;height:2px;background:#fff}.icon-monitor{background:#059669;border-radius:2px;position:relative}.icon-monitor:before{content:"";position:absolute;top:2px;left:2px;right:2px;bottom:4px;background:#fff;border-radius:1px}.icon-monitor:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:6px;height:2px;background:#059669;border-radius:0 0 1px 1px}.icon-user{background:#059669;border-radius:50%;position:relative}.icon-user:before{content:"";position:absolute;top:3px;left:50%;transform:translate(-50%);width:8px;height:8px;background:#fff;border-radius:50%}.icon-user:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:12px;height:8px;background:#fff;border-radius:6px 6px 0 0}.icon-menu{background:#059669;border-radius:2px;position:relative}.icon-menu:before{content:"";position:absolute;top:3px;left:2px;right:2px;height:2px;background:#fff;border-radius:1px}.icon-menu:after{content:"";position:absolute;bottom:3px;left:2px;right:2px;height:2px;background:#fff;border-radius:1px}.icon-check{background:var(--success-600);border-radius:50%;position:relative}.icon-check:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-60%) rotate(45deg);width:4px;height:8px;border-right:2px solid white;border-bottom:2px solid white}.icon-star{background:var(--warning-600);border-radius:2px;position:relative}.icon-star:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:6px solid white}.icon-star:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(180deg);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:6px solid white}.icon-logout{background:var(--error-600);border-radius:2px;position:relative}.icon-logout:before{content:"";position:absolute;top:2px;left:2px;right:2px;bottom:2px;background:#fff;border-radius:1px}.icon-logout:after{content:"";position:absolute;top:50%;right:-2px;transform:translateY(-50%);width:0;height:0;border-top:3px solid transparent;border-bottom:3px solid transparent;border-left:4px solid var(--error-600)}:root{--primary-50: #f0f4ff;--primary-100: #e0e7ff;--primary-200: #c7d2fe;--primary-300: #a5b4fc;--primary-400: #818cf8;--primary-500: #6366f1;--primary-600: #4f46e5;--primary-700: #4338ca;--primary-800: #3730a3;--primary-900: #312e81;--secondary-50: #fef7ee;--secondary-100: #fdedd3;--secondary-200: #fbd7a5;--secondary-300: #f8b86d;--secondary-400: #f59332;--secondary-500: #f2740a;--secondary-600: #e35d00;--secondary-700: #bc4a06;--secondary-800: #953a0c;--secondary-900: #7a2e0d;--success-50: #f0fdf4;--success-100: #dcfce7;--success-200: #bbf7d0;--success-300: #86efac;--success-400: #4ade80;--success-500: #22c55e;--success-600: #16a34a;--success-700: #15803d;--success-800: #166534;--success-900: #14532d;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-200: #fde68a;--warning-300: #fcd34d;--warning-400: #fbbf24;--warning-500: #f59e0b;--warning-600: #d97706;--warning-700: #b45309;--warning-800: #92400e;--warning-900: #78350f;--error-50: #fef2f2;--error-100: #fee2e2;--error-200: #fecaca;--error-300: #fca5a5;--error-400: #f87171;--error-500: #ef4444;--error-600: #dc2626;--error-700: #b91c1c;--error-800: #991b1b;--error-900: #7f1d1d;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--text-xs: clamp(.75rem, 2vw, .875rem);--text-sm: clamp(.875rem, 2.5vw, 1rem);--text-base: clamp(1rem, 3vw, 1.125rem);--text-lg: clamp(1.125rem, 3.5vw, 1.25rem);--text-xl: clamp(1.25rem, 4vw, 1.5rem);--text-2xl: clamp(1.5rem, 5vw, 2rem);--text-3xl: clamp(2rem, 6vw, 2.5rem);--text-4xl: clamp(2.5rem, 7vw, 3.5rem);--space-xs: clamp(.25rem, 1vw, .5rem);--space-sm: clamp(.5rem, 1.5vw, .75rem);--space-md: clamp(.75rem, 2vw, 1rem);--space-lg: clamp(1rem, 2.5vw, 1.5rem);--space-xl: clamp(1.5rem, 3vw, 2rem);--space-2xl: clamp(2rem, 4vw, 3rem);--space-3xl: clamp(3rem, 5vw, 4rem);--space-4xl: clamp(4rem, 6vw, 6rem);--button-height-sm: clamp(2rem, 5vw, 2.5rem);--button-height-md: clamp(2.5rem, 6vw, 3rem);--button-height-lg: clamp(3rem, 7vw, 3.5rem);--touch-target-min: 44px;--touch-target-comfortable: 48px}body{font-family:Inter,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;color:var(--gray-800);background-color:var(--gray-50);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:100vw}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-5)}h1,h2,h3,h4,h5,h6{font-family:Orbitron,Inter,sans-serif;font-weight:700;line-height:1.2;color:var(--gray-900);letter-spacing:-.025em}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{color:var(--gray-600);line-height:1.7;font-size:var(--text-base)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border:none;border-radius:var(--radius-lg);text-decoration:none;font-weight:600;font-size:var(--text-sm);text-align:center;cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden;white-space:nowrap;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;min-height:var(--touch-target-min)}.btn svg,.btn-icon{width:20px;height:20px;flex-shrink:0;stroke:currentColor;fill:none}.btn:focus{outline:2px solid #059669;outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:linear-gradient(135deg,#059669,#047857);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#047857,#065f46);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-md)}.btn-secondary{background:#fff;color:var(--gray-700);border:1px solid var(--gray-300);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-400);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline{background:transparent;color:#059669;border:1px solid #059669}.btn-outline:hover:not(:disabled){background:#059669;color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-success{background:linear-gradient(135deg,var(--success-600),var(--success-700));color:#fff;box-shadow:var(--shadow-md)}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,var(--success-700),var(--success-800));transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-warning{background:linear-gradient(135deg,var(--warning-600),var(--warning-700));color:#fff;box-shadow:var(--shadow-md)}.btn-warning:hover:not(:disabled){background:linear-gradient(135deg,var(--warning-700),var(--warning-800));transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-error{background:linear-gradient(135deg,var(--error-600),var(--error-700));color:#fff;box-shadow:var(--shadow-md)}.btn-error:hover:not(:disabled){background:linear-gradient(135deg,var(--error-700),var(--error-800));transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-sm{padding:var(--space-xs) var(--space-md);font-size:var(--text-xs);min-height:var(--button-height-sm)}.btn-lg{padding:var(--space-md) var(--space-xl);font-size:var(--text-lg);min-height:var(--button-height-lg)}.btn-xl{padding:var(--space-lg) var(--space-2xl);font-size:var(--text-xl);min-height:var(--button-height-lg)}.btn-loading{position:relative;color:transparent}.btn-loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sync-indicator svg,.sync-indicator .sync-icon,.sync-indicator img{width:16px;height:16px;max-width:16px;max-height:16px;display:inline-block}.notification-close .close-icon{width:16px;height:16px;max-width:16px;max-height:16px}section.hero-section{min-height:80vh!important;display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(#0006,#0000004d),url(/images/hero-forest-background.jpg?v=20250913)!important;background-size:cover!important;background-position:center!important;background-attachment:fixed!important;background-repeat:no-repeat!important;position:relative!important;overflow:hidden!important}.hero-content{position:relative;z-index:2;text-align:center;color:#fff;max-width:700px;padding:var(--space-8)}.hero-title{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;margin-bottom:var(--space-6);color:#fff;line-height:1.1;letter-spacing:-.02em}.hero-subtitle{font-size:clamp(1.125rem,2.5vw,1.25rem);margin-bottom:var(--space-8);color:#ffffffe6;line-height:1.6;font-weight:400}.hero-buttons{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.hero-buttons .btn-primary{background:#fff;color:#047857;border:1px solid white;box-shadow:var(--shadow-lg)}.hero-buttons .btn-primary:hover:not(:disabled){background:var(--gray-50);color:#065f46;border-color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-xl)}.hero-buttons .btn-secondary{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-buttons .btn-secondary:hover:not(:disabled){background:#ffffff4d;color:#fff;border-color:#ffffff80;transform:translateY(-1px);box-shadow:var(--shadow-lg)}.hero-buttons .btn-outline{background:transparent;color:#fff;border:1px solid white;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-buttons .btn-outline:hover:not(:disabled){background:#fff;color:#047857;transform:translateY(-1px);box-shadow:var(--shadow-md)}section{padding:var(--space-12) 0}.section-header{text-align:center;margin-bottom:var(--space-16);max-width:800px;margin-left:auto;margin-right:auto;padding:0 var(--space-4)}.section-header h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:var(--space-4);color:var(--gray-900);font-weight:800;letter-spacing:-.025em}.section-header p{font-size:1.125rem;color:var(--gray-600);line-height:1.7;max-width:600px;margin:0 auto}.features-section{background:var(--gray-50);position:relative}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-8)}.feature-card{background:#fff;padding:var(--space-8);border-radius:var(--radius-xl);text-align:left;box-shadow:var(--shadow-sm);transition:all var(--transition-normal);border:1px solid var(--gray-100);position:relative}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#bbf7d0}.feature-number{display:inline-block;width:40px;height:40px;background:#d1fae5;color:#047857;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.125rem;margin-bottom:var(--space-4)}.feature-card h3{font-size:1.25rem;margin-bottom:var(--space-3);color:var(--gray-900);font-weight:600}.feature-card p{color:var(--gray-600);line-height:1.6;font-size:.95rem}.services-section{background:#fff;position:relative}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6)}.service-card{background:var(--gray-50);padding:var(--space-6);border-radius:var(--radius-xl);text-align:left;transition:all var(--transition-normal);border:1px solid var(--gray-200);position:relative}.service-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#86efac}.service-card h3{font-size:1.25rem;margin-bottom:var(--space-3);color:var(--gray-900);font-weight:600}.service-card p{color:var(--gray-600);line-height:1.6;font-size:.95rem;margin-bottom:var(--space-4)}.service-badge{display:inline-block;padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.service-badge.emergency{background:var(--error-100);color:var(--error-700)}.service-badge.recovery{background:var(--warning-100);color:var(--warning-700)}.service-badge.technical{background:var(--success-100);color:var(--success-700)}.tour-card{background:#fff;border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-lg);transition:all var(--transition-normal);border:1px solid var(--gray-100);position:relative}.tour-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-2xl)}.tour-image{height:120px;background:linear-gradient(135deg,#059669,#047857);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.tour-image:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(255,255,255,.1) 100%);transform:translate(-100%);transition:transform var(--transition-slow)}.tour-card:hover .tour-image:before{transform:translate(100%)}.tour-badge{position:absolute;top:var(--space-4);right:var(--space-4);background:var(--secondary-500);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-md)}.tour-content{padding:var(--space-8)}.tour-content h3{font-size:1.5rem;margin-bottom:var(--space-3);color:var(--gray-900);font-weight:700}.tour-content p{color:var(--gray-600);margin-bottom:var(--space-6);line-height:1.7}.tour-details{display:flex;gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap}.tour-details span{background:var(--gray-100);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:.875rem;color:var(--gray-700);font-weight:500}.tour-price{font-size:1.5rem;font-weight:800;color:var(--secondary-600);display:flex;align-items:center;gap:var(--space-2)}.vehicles-section{background:linear-gradient(135deg,var(--gray-50) 0%,var(--success-50) 100%);position:relative}.vehicles-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--success-200),transparent)}.vehicles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:var(--space-8)}.vehicle-card{background:#fff;border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-lg);transition:all var(--transition-normal);border:1px solid var(--gray-100);position:relative}.vehicle-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-2xl)}.vehicle-image{height:120px;background:linear-gradient(135deg,var(--success-500) 0%,var(--success-700) 100%);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.vehicle-image:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(255,255,255,.1) 100%);transform:translate(-100%);transition:transform var(--transition-slow)}.vehicle-card:hover .vehicle-image:before{transform:translate(100%)}.vehicle-badge{position:absolute;top:var(--space-4);right:var(--space-4);background:var(--success-500);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-md)}.vehicle-content{padding:var(--space-8)}.vehicle-content h3{font-size:1.5rem;margin-bottom:var(--space-3);color:var(--gray-900);font-weight:700}.vehicle-content p{color:var(--gray-600);margin-bottom:var(--space-6);line-height:1.7}.vehicle-specs{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.vehicle-specs li{color:var(--gray-600);position:relative;padding-left:var(--space-6);font-size:.875rem;display:flex;align-items:center}.vehicle-specs li:before{content:"✓";position:absolute;left:0;color:var(--success-500);font-weight:700;font-size:1rem;width:20px;height:20px;background:var(--success-100);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem}.form-group{margin-bottom:var(--space-6)}.form-label{display:block;font-weight:600;color:var(--gray-700);margin-bottom:var(--space-2);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-3) var(--space-4);border:2px solid var(--gray-200);border-radius:var(--radius-lg);font-size:1rem;transition:all var(--transition-normal);font-family:inherit;background:#fff}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#059669;box-shadow:0 0 0 3px #d1fae5;transform:translateY(-1px)}.form-input-error,.form-select-error,.form-textarea-error{border-color:var(--error-500);box-shadow:0 0 0 3px var(--error-100)}.form-error{display:block;color:var(--error-600);font-size:.875rem;margin-top:var(--space-1);font-weight:500}.form-success{display:block;color:var(--success-600);font-size:.875rem;margin-top:var(--space-1);font-weight:500}.cta-section{background:linear-gradient(135deg,#059669,#047857);color:#fff;text-align:center;position:relative;overflow:hidden}.cta-content{position:relative;z-index:2;max-width:600px;margin:0 auto;padding:0 var(--space-4)}.cta-content h2{font-size:clamp(2rem,4vw,2.5rem);margin-bottom:var(--space-4);color:#fff;font-weight:700;letter-spacing:-.025em}.cta-content p{font-size:1.125rem;margin-bottom:var(--space-8);opacity:.9;line-height:1.6}.cta-buttons{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.footer{background:linear-gradient(135deg,var(--gray-900) 0%,var(--gray-800) 100%);color:#fff;padding:var(--space-16) 0 var(--space-8);position:relative}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#059669,transparent)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-12);margin-bottom:var(--space-12)}.footer-section h3,.footer-section h4{margin-bottom:var(--space-6);color:#34d399;font-weight:700;font-size:1.125rem}.footer-section p{color:var(--gray-300);line-height:1.7;margin-bottom:var(--space-4)}.footer-section ul{list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.footer-section ul li a{color:var(--gray-300);text-decoration:none;transition:all var(--transition-normal);display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) 0}.footer-section ul li a:hover{color:#34d399;transform:translate(4px)}.footer-bottom{border-top:1px solid var(--gray-700);padding-top:var(--space-6);text-align:center;color:var(--gray-400);font-size:.875rem}.card{background:#fff;border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);border:1px solid var(--gray-100);transition:all var(--transition-normal);overflow:hidden}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.card-header{padding:var(--space-6);border-bottom:1px solid var(--gray-100);background:var(--gray-50)}.card-body{padding:var(--space-6)}.card-footer{padding:var(--space-6);border-top:1px solid var(--gray-100);background:var(--gray-50)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-primary{background:#d1fae5;color:#065f46}.badge-secondary{background:var(--secondary-100);color:var(--secondary-800)}.badge-success{background:var(--success-100);color:var(--success-800)}.badge-warning{background:var(--warning-100);color:var(--warning-800)}.badge-error{background:var(--error-100);color:var(--error-800)}.alert{padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid;margin-bottom:var(--space-4);display:flex;align-items:flex-start;gap:var(--space-3)}.alert-success{background:var(--success-50);border-color:var(--success-200);color:var(--success-800)}.alert-warning{background:var(--warning-50);border-color:var(--warning-200);color:var(--warning-800)}.alert-error{background:var(--error-50);border-color:var(--error-200);color:var(--error-800)}.alert-info{background:#f0fdf4;border-color:#bbf7d0;color:#065f46}.loading-skeleton{background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 1023px) and (min-width: 768px){.container{padding:0 var(--space-4)}.features-grid,.tours-grid,.vehicles-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6)}}.mobile-toggle{display:flex!important;flex-direction:column;gap:4px;background:none;border:none;padding:.5rem;cursor:pointer;border-radius:8px;transition:all .3s ease;z-index:1001}.mobile-toggle:hover{background:#f3f4f6}.hamburger{width:20px;height:2px;background:#6b7280;border-radius:1px;transition:all .3s ease}.navbar{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.1);position:sticky;top:0;z-index:1000;transition:all .3s ease}.navbar-container{max-width:1200px;margin:0 auto;padding:0 var(--space-xl);display:flex;align-items:center;justify-content:space-between;height:clamp(60px,8vw,70px);gap:var(--space-md)}.navbar-nav{position:fixed;top:60px;left:0;right:0;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid #e5e7eb;flex-direction:column;padding:1rem;gap:.5rem;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease;box-shadow:0 10px 15px -3px #0000001a;z-index:1000}.navbar-nav.open{transform:translateY(0);opacity:1;visibility:visible}.nav-item{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:.5rem;text-decoration:none;color:#1f2937;font-weight:600;font-size:1rem;transition:all .3s ease;background:#fffc;border:1px solid rgba(0,0,0,.05);width:100%;justify-content:flex-start}.nav-item:hover{background:#6366f11a;border-color:#6366f133;transform:translateY(-1px)}.nav-item.active{background:#6366f126;border-color:#6366f14d;color:#4f46e5}.nav-divider{height:1px;background:#0000001a;margin:.5rem 0}.nav-user-info{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#6366f10d;border-radius:.5rem;border:1px solid rgba(99,102,241,.1);margin-bottom:.5rem}.nav-user-info .user-avatar{width:40px;height:40px;background:linear-gradient(135deg,#059669,#047857);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.125rem;flex-shrink:0}.nav-user-info .user-details{flex:1;min-width:0}.nav-user-info .user-name{font-weight:600;color:#1f2937;font-size:.875rem;margin-bottom:.125rem}.nav-user-info .user-email{font-size:.75rem;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-logout-form{width:100%}.nav-logout{background:#ef44440d!important;border-color:#ef44441a!important;color:#dc2626!important}.nav-logout:hover{background:#ef44441a!important;border-color:#ef444433!important}.status-indicator{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-radius:2rem;font-size:var(--text-sm);font-weight:600;color:#16a34a;flex-shrink:0}.status-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;animation:pulse 2s infinite}.status-dot.online{background:#22c55e}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.navbar-actions{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.navbar-brand{flex-shrink:0}.brand{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none;color:#1f2937;font-weight:700;font-size:var(--text-xl);transition:all .3s ease}.brand:hover{transform:scale(1.05)}.brand-icon{width:clamp(32px,5vw,40px);height:clamp(32px,5vw,40px);background:linear-gradient(135deg,#059669,#047857);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s ease}.brand:hover .brand-icon{transform:rotate(5deg);box-shadow:0 8px 25px #6366f14d}.brand-text{background:linear-gradient(135deg,#059669,#047857);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800;font-size:var(--text-xl)}.auth-buttons{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0}.auth-buttons .btn{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);font-weight:600;border-radius:.5rem;text-decoration:none;transition:all .3s ease;white-space:nowrap;min-height:var(--touch-target-min)}.auth-buttons .btn-primary{background:linear-gradient(135deg,#059669,#047857);color:#fff;border:none}.auth-buttons .btn-primary:hover{background:linear-gradient(135deg,#047857,#065f46);transform:translateY(-1px);box-shadow:0 4px 12px #0596694d}.auth-buttons .btn-secondary{background:#fff;color:#6366f1;border:1px solid #e5e7eb}.auth-buttons .btn-secondary:hover{background:#f8fafc;border-color:#6366f1;transform:translateY(-1px);box-shadow:0 4px 12px #6366f11a}@media (max-width: 767px){.navbar-container{padding:0 var(--space-sm);height:clamp(50px,7vw,60px);max-width:100vw;overflow:hidden}.nav-item{width:100%;justify-content:center;padding:1rem;border-radius:12px;background:#f9fafb;border:1px solid #e5e7eb;font-size:1rem;font-weight:600}.nav-icon{font-size:1.75rem;min-width:28px;min-height:28px}.nav-text{font-size:1rem;font-weight:600}.nav-item:hover{background:#6366f11a;border-color:#6366f133}.navbar-actions{gap:var(--space-xs);flex-shrink:0}.status-indicator{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs)}.user-name{display:none}.user-toggle{padding:.5rem}.auth-buttons{flex-direction:row;gap:var(--space-xs);flex-shrink:0}.auth-buttons .btn{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);min-width:auto;white-space:nowrap;min-height:var(--touch-target-min)}.mobile-toggle:hover{background:#f3f4f6}.hamburger{width:20px;height:2px;background:#6b7280;border-radius:1px;transition:all .3s ease}.brand-text{font-size:var(--text-xs)}.brand-text.mobile-only{font-size:.75rem;font-weight:700}.brand-icon{width:clamp(28px,4vw,32px);height:clamp(28px,4vw,32px)}.brand-icon svg{width:clamp(16px,3vw,20px);height:clamp(16px,3vw,20px)}.container{padding:0 var(--space-3);max-width:100vw;margin:0 auto;overflow-x:hidden}.navbar-container{display:flex;align-items:center;justify-content:space-between;width:100%}.navbar-nav{display:flex;flex-direction:column;align-items:center;width:100%}.navbar-actions{display:flex;align-items:center;gap:var(--space-2)}section{padding:var(--space-12) 0}.hero-section{min-height:100vh;padding:var(--space-4) 0;overflow-x:hidden}.hero-content{padding:var(--space-4);text-align:center;max-width:100vw}.hero-title{font-size:clamp(1.75rem,8vw,2.5rem);margin-bottom:var(--space-3);line-height:1.1;word-wrap:break-word}.hero-subtitle{font-size:clamp(.875rem,4vw,1.125rem);margin-bottom:var(--space-4);line-height:1.4;padding:0 var(--space-2)}.hero-buttons{flex-direction:column;align-items:center;gap:var(--space-3)}.btn{width:100%;max-width:280px;padding:var(--space-3) var(--space-4);font-size:clamp(.875rem,4vw,1rem);min-height:44px;word-wrap:break-word}.btn svg{width:22px;height:22px}.features-grid,.tours-grid,.vehicles-grid{grid-template-columns:1fr;gap:var(--space-6)}.feature-card,.tour-content,.vehicle-content{padding:var(--space-6)}.tour-details,.vehicle-specs{flex-direction:column;gap:var(--space-2)}.download-buttons{flex-direction:column;align-items:center;gap:var(--space-3)}.footer-content{grid-template-columns:1fr;gap:var(--space-8);text-align:center}.form-input,.form-select,.form-textarea{font-size:16px;padding:var(--space-4)}.card{margin:var(--space-4);border-radius:var(--radius-lg)}.card-body{padding:var(--space-4)}.section-header{text-align:center;padding:0 var(--space-4)}.section-header h2{font-size:1.75rem;margin-bottom:var(--space-3);font-weight:700;color:var(--gray-900)}.section-header p{font-size:1rem;color:var(--gray-600);line-height:1.6}h1,h2,h3,h4,h5,h6{font-weight:700;color:var(--gray-900);line-height:1.2}p{color:var(--gray-600);line-height:1.6;font-size:1rem}.brand-text{font-weight:700;font-size:1.25rem;color:#059669}ul,ol{padding-left:var(--space-6)}li{margin-bottom:var(--space-2)}table{width:100%;font-size:.875rem}th,td{padding:var(--space-2);text-align:left}img{max-width:100%;height:auto;border-radius:var(--radius-md)}a{color:#059669;text-decoration:none;transition:color .2s ease}a:hover{color:#047857;text-decoration:underline}input,select,textarea{width:100%;padding:var(--space-3);border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:16px}button{min-height:44px;padding:var(--space-3) var(--space-4)}.mb-mobile{margin-bottom:var(--space-4)}.mt-mobile{margin-top:var(--space-4)}.p-mobile{padding:var(--space-4)}@media (display-mode: standalone){.navbar{padding-top:env(safe-area-inset-top)}.container{padding-left:max(var(--space-4),env(safe-area-inset-left));padding-right:max(var(--space-4),env(safe-area-inset-right))}.footer{padding-bottom:max(var(--space-8),env(safe-area-inset-bottom))}}@media (max-width: 767px) and (orientation: landscape){.hero-section{min-height:100vh;padding:var(--space-4) 0}.hero-content{padding:var(--space-4)}.hero-title{font-size:1.75rem;margin-bottom:var(--space-3)}.hero-subtitle{font-size:.875rem;margin-bottom:var(--space-4)}.hero-buttons{flex-direction:row;gap:var(--space-3)}.btn{max-width:200px}}}@media only screen and (max-width: 390px) and (max-height: 844px){.navbar-container{padding:0 8px;height:48px;justify-content:space-between}.brand-text.mobile-only{font-size:.7rem;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-icon{width:24px;height:24px;flex-shrink:0}.mobile-toggle{padding:4px;margin-left:8px}.hamburger{width:16px;height:2px}}@media (max-width: 390px){.container{padding:0 var(--space-2);max-width:100vw;overflow-x:hidden}.navbar-container{padding:0 var(--space-2);height:50px}.hero-content{padding:var(--space-2)}.hero-title{font-size:clamp(1.5rem,6vw,2rem);margin-bottom:var(--space-2)}.hero-subtitle{font-size:clamp(.8rem,3.5vw,1rem);margin-bottom:var(--space-3);padding:0 var(--space-1)}.btn{max-width:250px;padding:var(--space-2) var(--space-3);font-size:.875rem}.hero-buttons{gap:var(--space-2);padding:0 var(--space-1)}.section-header{padding:0 var(--space-2)}.section-header h2{font-size:clamp(1.5rem,6vw,2rem);margin-bottom:var(--space-2)}.section-header p{font-size:.875rem;padding:0 var(--space-1)}}@media (max-width: 480px){.container{padding:0 var(--space-3);max-width:100vw;overflow-x:hidden}section{padding:var(--space-12) 0}.feature-card,.tour-content,.vehicle-content,.card-body,.hero-content{padding:var(--space-6)}.section-header{margin-bottom:var(--space-12)}.navbar-container{padding:0 var(--space-sm)}.brand-text{font-size:var(--text-xs)}.brand-icon{width:clamp(24px,3vw,28px);height:clamp(24px,3vw,28px)}.brand-icon svg{width:clamp(14px,2.5vw,16px);height:clamp(14px,2.5vw,16px)}.auth-buttons .btn{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);min-height:var(--touch-target-min)}.status-indicator{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs)}}.mobile-only{display:block}.desktop-only{display:none}@media (min-width: 1024px){.mobile-only{display:none}.desktop-only{display:block}}.text-center-mobile{text-align:center}@media (min-width: 1024px){.text-center-mobile{text-align:left}}.flex-column-mobile{flex-direction:column}@media (min-width: 1024px){.flex-column-mobile{flex-direction:row}}.px-mobile{padding-left:var(--space-4);padding-right:var(--space-4)}.py-mobile{padding-top:var(--space-4);padding-bottom:var(--space-4)}.mx-mobile{margin-left:var(--space-4);margin-right:var(--space-4)}.my-mobile{margin-top:var(--space-4);margin-bottom:var(--space-4)}.chat-messages{height:400px;overflow-y:auto;border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-4);background:var(--gray-50);margin-bottom:var(--space-4)}.message{margin-bottom:var(--space-4);padding:var(--space-3);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-sm)}.own-message{background:linear-gradient(135deg,#059669,#047857);color:#fff;margin-left:var(--space-8)}.other-message{background:#fff;margin-right:var(--space-8)}.message-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.message-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.message-sender{font-weight:600;font-size:.875rem}.message-time{font-size:.75rem;opacity:.7;margin-left:auto}.message-content{line-height:1.5;word-wrap:break-word}.message-status{margin-top:var(--space-2);text-align:right}.read-indicator{font-size:.75rem;opacity:.7}.read-indicator.read{color:var(--success-500)}.read-indicator.unread{color:var(--gray-500)}.toast-notification{position:fixed;top:var(--space-4);right:var(--space-4);background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-4);max-width:300px;z-index:1000;transform:translate(100%);transition:transform .3s ease}.toast-notification.show{transform:translate(0)}.toast-header{font-weight:600;color:var(--gray-900);margin-bottom:var(--space-2)}.toast-body{color:var(--gray-600);font-size:.875rem;line-height:1.4}.admin-message-toast{position:fixed;top:var(--space-4);right:var(--space-4);background:#fff;border:1px solid #bbf7d0;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:0;max-width:400px;min-width:320px;z-index:1000;transform:translate(100%);transition:transform .3s ease;border-left:4px solid #059669}.admin-message-toast.show{transform:translate(0)}.admin-message-toast .toast-content{padding:var(--space-4)}.admin-message-toast .toast-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);font-weight:600;color:var(--gray-900)}.admin-message-toast .toast-icon{width:20px;height:20px;flex-shrink:0}.admin-message-toast .toast-title{flex:1;font-size:.875rem}.admin-message-toast .toast-close{background:none;border:none;font-size:1.25rem;color:var(--gray-400);cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .2s ease}.admin-message-toast .toast-close:hover{background:var(--gray-100);color:var(--gray-600)}.admin-message-toast .toast-body{color:var(--gray-700);font-size:.875rem;line-height:1.5;margin-bottom:var(--space-3);max-height:100px;overflow-y:auto}.admin-message-toast .toast-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.admin-message-toast .toast-btn{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.admin-message-toast .toast-btn-primary{background:#059669;color:#fff;border-color:#059669}.admin-message-toast .toast-btn-primary:hover{background:#047857;border-color:#047857}.admin-message-toast .toast-btn-secondary{background:var(--gray-100);color:var(--gray-700);border-color:var(--gray-200)}.admin-message-toast .toast-btn-secondary:hover{background:var(--gray-200);border-color:var(--gray-300)}.help-request-status{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-pending{background:var(--warning-100);color:var(--warning-800)}.status-in_progress{background:#d1fae5;color:#065f46}.status-resolved{background:var(--success-100);color:var(--success-800)}.status-cancelled{background:var(--error-100);color:var(--error-800)}.location-error{position:fixed;top:20px;right:20px;background:var(--error-50);border:1px solid var(--error-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:1000;max-width:400px;animation:slideInRight .3s ease-out}.error-content{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);color:var(--error-700)}.error-content svg{width:20px;height:20px;flex-shrink:0;color:var(--error-500)}.error-content button{background:none;border:none;color:var(--error-500);cursor:pointer;font-size:1.25rem;padding:0;margin-left:auto;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--transition-normal)}.error-content button:hover{background:var(--error-100);color:var(--error-600)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.dashboard-actions{display:flex;justify-content:center;align-items:center;gap:1rem}