:root{--primary:#217346;--primary-dark:#10442a;--primary-light:#2e9e62;--accent:#f59e0b;--accent-dark:#d97706;--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;--success:#10b981;--error:#ef4444;--warning:#f59e0b;--info:#3b82f6;--font-primary:'Lexend',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-heading:'Jost','Lexend',sans-serif;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1);--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:350ms ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-primary);font-size:16px;line-height:1.6;color:var(--gray-800);background:var(--gray-100);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;color:var(--gray-900);margin-bottom:var(--spacing-md)}h1{font-size:3rem}h2{font-size:2.25rem}h3{font-size:1.875rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1.125rem}p{margin-bottom:var(--spacing-sm);color:var(--gray-800)}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast),text-decoration-color var(--transition-fast);text-decoration-thickness:2px;text-underline-offset:3px}a:hover{color:var(--primary-dark)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.container-narrow{max-width:900px}.section{padding:var(--spacing-2xl) 0}.header{background:white;border-bottom:1px solid var(--gray-200);padding:0.75rem 0;position:sticky;top:0;z-index:1000;box-shadow:var(--shadow-sm)}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:var(--primary);font-family:var(--font-heading)}.logo a{display:block;line-height:0;text-decoration:none}.logo img{height:50px;width:auto;aspect-ratio:15 / 5;display:block}.nav{display:flex;gap:var(--spacing-lg);align-items:center}.nav a{color:var(--gray-700);font-weight:500;transition:color var(--transition-fast)}.nav a:hover{color:var(--primary)}.hero{background:radial-gradient(circle,#217346 0%,#10442a 60%,#051a0f 100%);color:white;padding:var(--spacing-2xl) 0;text-align:center}.hero h1{color:white;font-size:3.5rem;margin-bottom:var(--spacing-md);text-shadow:0 2px 4px rgba(0,0,0,0.1)}.hero-subtitle{font-size:1.25rem;color:rgba(255,255,255,0.98);margin-bottom:var(--spacing-xl);max-width:700px;margin-left:auto;margin-right:auto}.trust-badges{display:flex;justify-content:center;gap:var(--spacing-lg);margin-top:var(--spacing-lg);flex-wrap:wrap}.trust-badge{display:flex;align-items:center;gap:var(--spacing-xs);background:rgba(255,255,255,0.15);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-lg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:0.95rem;color:rgba(255,255,255,0.98);will-change:transform}.trust-badge svg{width:20px;height:20px}.upload-container{background:white;border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-xl);margin-top:calc(var(--spacing-2xl) * -1);position:relative;z-index:10;min-height:400px;contain:layout paint;display:flex;flex-direction:column}.upload-zone{border:3px dashed var(--gray-300);border-radius:var(--radius-lg);padding:var(--spacing-2xl);text-align:center;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base),background-color var(--transition-base);cursor:pointer;background:var(--gray-100)}.upload-zone:hover,.upload-zone.dragover{border-color:var(--primary);background:rgba(99,102,241,0.05);transform:translateY(-2px)}.upload-icon{width:80px;height:80px;margin:0 auto var(--spacing-md);color:var(--primary)}.upload-zone h3{color:var(--gray-900);margin-bottom:var(--spacing-sm)}.upload-zone p{color:var(--gray-700);font-size:0.95rem}.file-input{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:0.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer;transition:transform var(--transition-base),box-shadow var(--transition-base),background-color var(--transition-base),color var(--transition-base);text-decoration:none;font-family:var(--font-primary)}.btn-primary{background:var(--primary);color:white}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--gray-200);color:var(--gray-800)}.btn-secondary:hover{background:var(--gray-300)}.btn-success{background:var(--success);color:white}.btn-success:hover{background:#059669;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-lg{padding:1rem 2rem;font-size:1.125rem}.btn:disabled{opacity:0.6;cursor:not-allowed;transform:none !important}.preview-container{display:none;max-width:100%;overflow-x:hidden;min-height:200px}.preview-container.active{display:block;order:-1;margin-bottom:var(--spacing-xl)}.preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-sm);max-width:100%;overflow-x:hidden;max-height:50vh;overflow-y:auto;padding-right:4px;padding-bottom:4px}.preview-grid::-webkit-scrollbar{width:6px}.preview-grid::-webkit-scrollbar-track{background:var(--gray-100);border-radius:4px}.preview-grid::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:4px}.preview-grid::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.preview-item{position:relative;background:white;border:2px solid var(--gray-200);border-radius:var(--radius-md);padding:var(--spacing-sm);cursor:move;transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base),opacity var(--transition-base);max-width:100%;overflow:hidden;box-sizing:border-box}.preview-item:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.preview-item.dragging{opacity:0.5}.preview-image{width:100%;height:100px;object-fit:cover;border-radius:var(--radius-sm);margin-bottom:var(--spacing-xs);max-width:100%;aspect-ratio:1}.preview-filename{font-size:0.85rem;color:var(--gray-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:var(--spacing-xs)}.preview-actions{display:flex;gap:var(--spacing-xs);justify-content:center}.icon-btn{background:var(--gray-100);border:none;width:32px;height:32px;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.icon-btn:hover{background:var(--gray-200)}.icon-btn.delete:hover{background:var(--error);color:white}.icon-btn svg{width:16px;height:16px}.controls{background:var(--gray-100);padding:var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.control-group{margin-bottom:var(--spacing-md)}.control-group:last-child{margin-bottom:0}.control-group label{display:block;font-weight:600;color:var(--gray-700);margin-bottom:var(--spacing-xs)}.radio-group{display:flex;gap:var(--spacing-md)}.radio-option{display:flex;align-items:center;gap:var(--spacing-xs)}.radio-option input[type="radio"]{width:18px;height:18px;accent-color:var(--primary)}.loader-container{display:none;text-align:center;padding:var(--spacing-xl);min-height:200px}.loader-container.active{display:block;order:-1;margin-bottom:var(--spacing-xl)}.spinner{width:60px;height:60px;border:4px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin 0.8s linear infinite;margin:0 auto var(--spacing-md);flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.progress-bar{width:100%;height:8px;background:var(--gray-200);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--spacing-md)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-light));transition:width var(--transition-base);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200px 0}100%{background-position:200px 0}}.footer{background:radial-gradient(circle,#217346 0%,#10442a 60%,#051a0f 100%);color:white;padding:var(--spacing-2xl) 0 var(--spacing-lg);margin-top:var(--spacing-2xl)}.footer-main{display:grid;grid-template-columns:1.5fr 2fr;gap:var(--spacing-2xl);margin-bottom:var(--spacing-xl);align-items:start}.footer-brand{max-width:320px}.footer-logo{background:white;padding:var(--spacing-md);border-radius:var(--radius-lg);display:inline-block;margin-bottom:var(--spacing-md);box-shadow:var(--shadow-md)}.footer-logo img{height:60px;width:auto;display:block}.footer-tagline{color:var(--gray-400);font-size:0.95rem;line-height:1.6;margin:0}.footer-links-group{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}.footer-column h4{color:white;font-size:1rem;font-weight:600;margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:0.5px}.footer-column ul{list-style:none;padding:0;margin:0}.footer-column li{margin-bottom:var(--spacing-xs)}.footer-column a{color:rgba(255,255,255,0.8);font-size:0.95rem;transition:color var(--transition-fast);display:inline-block;padding:0.25rem 0;text-decoration-thickness:2px;text-underline-offset:3px}.footer-column a:hover{color:white}.footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding-top:var(--spacing-lg);text-align:center;font-size:0.9rem;color:rgba(255,255,255,0.6)}.mobile-menu-toggle{display:none;background:none;border:2px solid transparent;border-radius:var(--radius-sm);cursor:pointer;padding:0.5rem;color:var(--gray-800);transition:background-color var(--transition-fast),color var(--transition-fast);z-index:1001}.mobile-menu-toggle svg{width:28px;height:28px;color:var(--gray-700)}.upload-mobile{display:none}.upload-desktop{display:block}.mobile-menu-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:998;opacity:0;transition:opacity 0.3s ease}.mobile-menu-overlay.active{display:block;opacity:1}@media (max-width:768px){body{font-size:14px}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.container{padding:0 var(--spacing-sm)}.header{padding:0.5rem 0}.logo img{height:40px}.mobile-menu-toggle{display:block}.nav{position:fixed;top:0;right:-280px;width:280px;height:100vh;background:white;flex-direction:column;align-items:flex-start;padding:5rem 1.5rem 2rem;gap:0;z-index:999;transition:right 0.3s ease;box-shadow:-5px 0 20px rgba(0,0,0,0.1)}.nav.active{right:0}.nav a{width:100%;padding:1rem 0;border-bottom:1px solid var(--gray-200);font-size:1.1rem}.nav a:last-child{border-bottom:none}.hero{padding:var(--spacing-lg) 0}.hero h1{font-size:1.75rem;margin-bottom:var(--spacing-sm)}.hero-subtitle{font-size:1rem;margin-bottom:var(--spacing-md)}.trust-badges{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.trust-badge{padding:0.75rem;font-size:0.85rem}.trust-badge svg{width:20px;height:20px}.upload-zone{padding:var(--spacing-lg) var(--spacing-md)}.upload-desktop{display:none}.upload-mobile{display:block}.upload-zone h3{font-size:1.1rem}.upload-zone p{font-size:0.875rem}.upload-icon{width:48px;height:48px}.preview-grid{grid-template-columns:repeat(2,1fr);gap:0.5rem}.preview-item{aspect-ratio:1}.preview-item img{height:100%;object-fit:cover}.controls{flex-direction:column;gap:var(--spacing-md)}.control-group{width:100%}.radio-group{flex-wrap:wrap}.btn{width:100%;padding:0.875rem 1.5rem;font-size:1rem}.section{padding:var(--spacing-xl) 0}.steps{grid-template-columns:1fr;gap:var(--spacing-md)}.features-grid{grid-template-columns:1fr}.footer{padding:var(--spacing-xl) 0 var(--spacing-md)}.footer-main{grid-template-columns:1fr;gap:var(--spacing-xl);text-align:center}.footer-brand{max-width:100%}.footer-logo{margin:0 auto var(--spacing-md)}.footer-logo img{height:50px}.footer-links-group{grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.footer-column h4{font-size:0.875rem;margin-bottom:var(--spacing-sm)}.footer-column a{font-size:0.875rem}.footer-bottom{padding-top:var(--spacing-md);font-size:0.85rem}}@media (max-width:480px){.preview-image{height:80px}.preview-filename{font-size:0.8rem}.hero h1{font-size:1.5rem}.trust-badges{grid-template-columns:1fr 1fr;gap:0.5rem}.trust-badge{padding:0.5rem;font-size:0.8rem}.preview-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-xs)}.preview-item{padding:var(--spacing-xs)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.hidden{display:none}.visible{display:block}