@import"https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{--font-primary: "Fira Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-light: 300;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--font-black: 900;--font-xs: 12px;--font-sm: 14px;--font-base: 16px;--font-lg: 18px;--font-xl: 20px;--font-2xl: 24px;--font-3xl: 28px;--font-4xl: 36px;--font-5xl: 48px;--font-6xl: 64px;--font-7xl: 72px;--leading-tight: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.7;--leading-loose: 2;--tracking-tight: -1px;--tracking-normal: 0;--tracking-wide: .5px;--tracking-wider: 1px;--tracking-widest: 1.5px;--primary: #10B981;--primary-dark: #059669;--primary-light: #34D399;--primary-lighter: #6EE7B7;--primary-hover: #059669;--secondary: #3B82F6;--secondary-dark: #2563EB;--secondary-light: #60A5FA;--accent: #8B5CF6;--accent-dark: #7C3AED;--accent-light: #A78BFA;--dark: #1F2937;--dark-light: #374151;--text: #1F2937;--text-light: #6B7280;--text-muted: #9CA3AF;--gray: #D1D5DB;--gray-light: #F3F4F6;--light-gray: #F9FAFB;--white: #FFFFFF;--success: #10B981;--warning: #F59E0B;--error: #EF4444;--info: #3B82F6;--bg-primary: var(--white);--bg-secondary: var(--light-gray);--bg-tertiary: var(--gray-light);--gradient-primary: linear-gradient(135deg, #10B981 0%, #34D399 100%);--gradient-secondary: linear-gradient(135deg, #3B82F6 0%, #60A5FA 100%);--gradient-accent: linear-gradient(135deg, #8B5CF6 0%, #A78BFA 100%);--gradient-hero: linear-gradient(135deg, #10B981 0%, #059669 100%);--gradient-dark: linear-gradient(135deg, #1F2937 0%, #374151 100%);--gradient-overlay: linear-gradient(135deg, rgba(31, 41, 55, .75) 0%, rgba(17, 24, 39, .85) 100%);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .06);--shadow-md: 0 4px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .1);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .12);--shadow-2xl: 0 16px 32px rgba(0, 0, 0, .15);--shadow-primary: 0 4px 12px rgba(16, 185, 129, .15);--shadow-secondary: 0 4px 12px rgba(59, 130, 246, .15);--shadow-accent: 0 4px 12px rgba(139, 92, 246, .15);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 30px;--radius-2xl: 40px;--radius-full: 9999px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 80px;--space-5xl: 100px;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--transition-all: all .3s ease;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--container-max-width: 1400px;--container-padding: 20px}@media(prefers-color-scheme:dark){:root[data-theme=auto]{--bg-primary: #1A1A2E;--bg-secondary: #16213E;--text: #E4E4E7;--text-light: #A1A1AA;--dark: #F8F9FA}}:root[data-theme=dark]{--bg-primary: #1A1A2E;--bg-secondary: #16213E;--text: #E4E4E7;--text-light: #A1A1AA;--dark: #F8F9FA}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text);line-height:var(--leading-relaxed);overflow-x:hidden;font-weight:var(--font-regular);font-size:var(--font-base)}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:var(--font-bold);color:var(--dark);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}h1{font-size:var(--font-6xl);font-weight:var(--font-extrabold)}h2{font-size:var(--font-5xl);font-weight:var(--font-extrabold)}h3{font-size:var(--font-4xl);font-weight:var(--font-bold)}h4{font-size:var(--font-3xl);font-weight:var(--font-bold)}h5{font-size:var(--font-2xl);font-weight:var(--font-semibold)}h6{font-size:var(--font-xl);font-weight:var(--font-semibold)}a{text-decoration:none;color:inherit;transition:var(--transition-all)}button{font-family:var(--font-primary);cursor:pointer;transition:var(--transition-all);font-weight:var(--font-bold);border:none;background:none}img{max-width:100%;height:auto;display:block}.section-header{text-align:center;margin-bottom:var(--space-3xl)}.section-title{font-size:var(--font-5xl);font-weight:var(--font-extrabold);margin:0 0 var(--space-lg) 0;color:var(--dark);position:relative;display:inline-block}.section-subtitle{font-size:var(--font-lg);color:var(--text-light);margin:var(--space-md) 0 0 0;font-weight:var(--font-regular)}.feedback-widget-button{position:fixed;bottom:30px;left:30px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border:none;border-radius:50px;padding:14px 24px;display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;box-shadow:0 4px 15px #667eea66;cursor:pointer;transition:all .3s ease;z-index:9999}.feedback-widget-button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #667eea80}.feedback-widget-button:active{transform:translateY(-1px)}.feedback-widget-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.feedback-widget-modal{background:#fff;border-radius:16px;width:90%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease;box-shadow:0 20px 60px #0000004d}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.feedback-modal-header{padding:24px 28px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff}.feedback-modal-header h2{margin:0;font-size:22px;font-weight:700}.feedback-close-btn{background:#fff3;border:none;color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.feedback-close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.feedback-modal-body{padding:28px;overflow-y:auto;flex:1}.feedback-intro{font-size:16px;color:#6b7280;margin-bottom:24px;text-align:center}.feedback-options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.feedback-option-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:20px;text-align:center;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:8px}.feedback-option-card:hover{border-color:#667eea;transform:translateY(-4px);box-shadow:0 8px 20px #667eea26}.feedback-option-icon{width:50px;height:50px;border-radius:12px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.feedback-option-card h3{font-size:16px;font-weight:600;margin:0;color:#1f2937}.feedback-option-card p{font-size:13px;color:#6b7280;margin:0;line-height:1.4}.feedback-form{display:flex;flex-direction:column;gap:20px}.selected-type-badge{display:flex;align-items:center;gap:10px;padding:14px 18px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border-radius:10px;font-size:15px;font-weight:600;margin-bottom:10px}.change-type-btn{margin-left:auto;background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 14px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.change-type-btn:hover{background:#ffffff4d}.feedback-user-info{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:18px;background:#f9fafb;border-radius:10px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:600;color:#374151}.form-group input,.form-group textarea{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:15px;font-family:inherit;transition:all .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group textarea{resize:vertical;min-height:100px}.form-group small{font-size:13px;color:#6b7280}.file-upload-area{display:flex;gap:10px;align-items:center}.file-upload-btn{flex:1;padding:12px 16px;border:2px dashed #e5e7eb;border-radius:8px;background:#f9fafb;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.file-upload-btn:hover{border-color:#667eea;background:#f3f4f6;color:#667eea}.file-remove-btn{padding:10px;background:#fee2e2;border:none;border-radius:8px;color:#dc2626;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.file-remove-btn:hover{background:#fecaca}.feedback-error-message{padding:14px 16px;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px;font-weight:500}.feedback-form-actions{display:flex;gap:12px;margin-top:10px}.btn-secondary,.btn-primary{flex:1;padding:14px 24px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.btn-secondary{background:#f3f4f6;color:#374151}.btn-secondary:hover:not(:disabled){background:#e5e7eb}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.feedback-success{text-align:center;padding:40px 20px}.success-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--success) 0%,var(--success-dark) 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;margin:0 auto 20px;animation:scaleIn .5s ease}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.feedback-success h3{font-size:24px;color:#1f2937;margin:0 0 10px}.feedback-success p{font-size:16px;color:#6b7280;margin:0}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.feedback-widget-button{bottom:20px;left:20px;padding:12px 18px;font-size:14px}.feedback-widget-button span{display:none}.feedback-options-grid{grid-template-columns:1fr}.feedback-modal-body{padding:20px}.feedback-user-info{grid-template-columns:1fr}.feedback-form-actions{flex-direction:column}}