@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--color-primary-50: #eff6ff;--color-primary-100: #dbeafe;--color-primary-200: #bfdbfe;--color-primary-300: #93c5fd;--color-primary-400: #60a5fa;--color-primary-500: #3b82f6;--color-primary-600: #2563eb;--color-primary-700: #1d4ed8;--color-primary-800: #1e40af;--color-primary-900: #1e3a8a;--color-secondary-50: #ecfdf5;--color-secondary-100: #d1fae5;--color-secondary-200: #a7f3d0;--color-secondary-300: #6ee7b7;--color-secondary-400: #34d399;--color-secondary-500: #10b981;--color-secondary-600: #059669;--color-secondary-700: #047857;--color-accent-50: #fffbeb;--color-accent-100: #fef3c7;--color-accent-200: #fde68a;--color-accent-300: #fcd34d;--color-accent-400: #fbbf24;--color-accent-500: #f59e0b;--color-accent-600: #d97706;--color-danger-50: #fef2f2;--color-danger-100: #fee2e2;--color-danger-200: #fecaca;--color-danger-300: #fca5a5;--color-danger-400: #f87171;--color-danger-500: #ef4444;--color-danger-600: #dc2626;--color-danger-700: #b91c1c;--color-purple-50: #f5f3ff;--color-purple-100: #ede9fe;--color-purple-200: #ddd6fe;--color-purple-300: #c4b5fd;--color-purple-400: #a78bfa;--color-purple-500: #8b5cf6;--color-purple-600: #7c3aed;--color-purple-700: #6d28d9;--color-teal-50: #f0fdfa;--color-teal-100: #ccfbf1;--color-teal-200: #99f6e4;--color-teal-300: #5eead4;--color-teal-400: #2dd4bf;--color-teal-500: #14b8a6;--color-teal-600: #0d9488;--color-teal-700: #0f766e;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--bg-primary: #ffffff;--bg-secondary: #f1f5f9;--bg-tertiary: #e2e8f0;--bg-elevated: #ffffff;--bg-off-white: #f8fafc;--bg-dark: #1e293b;--bg-dark-secondary: #334155;--text-primary: #0f172a;--text-secondary: #334155;--text-tertiary: #475569;--text-disabled: #94a3b8;--text-inverse: #ffffff;--text-muted: #64748b;--text-dark: #1e293b;--border-light: #e2e8f0;--border-medium: #cbd5e1;--border-dark: #94a3b8;--space-0: 0;--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;--space-xs: var(--space-1);--space-sm: var(--space-2);--space-md: var(--space-4);--space-lg: var(--space-6);--space-xl: var(--space-8);--space-2xl: var(--space-12);--space-3xl: var(--space-16);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--radius-none: 0;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-3xl: 2rem;--radius-full: 9999px;--radius-xs: var(--radius-sm);--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .03);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .06), 0 1px 2px -1px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -2px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px -6px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .12);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .03);--gradient-primary: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);--gradient-hero: linear-gradient(135deg, rgba(37, 99, 235, .1) 0%, rgba(5, 150, 105, .1) 25%, rgba(124, 58, 237, .1) 50%, rgba(14, 165, 233, .1) 75%, rgba(37, 99, 235, .1) 100%);--gradient-card: linear-gradient(135deg, rgba(37, 99, 235, .08) 0%, rgba(5, 150, 105, .08) 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-danger: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--gradient-accent: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--gradient-purple: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);--gradient-teal: linear-gradient(135deg, #14b8a6 0%, #0d9488 100%);--gradient-soft: linear-gradient(135deg, #2563eb 0%, #059669 25%, #7c3aed 50%, #0d9488 75%, #2563eb 100%);--gradient-dark-blue: linear-gradient(135deg, #1e40af 0%, #1e3a8a 100%);--gradient-deep-purple: linear-gradient(135deg, #6d28d9 0%, #4c1d95 100%);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-fast-old: var(--transition-fast);--z-base: 0;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--primary-blue: var(--color-primary-600);--accent-purple: var(--color-purple-500);--success-green: var(--color-secondary-500);--warning-orange: var(--color-accent-500);--error-red: var(--color-danger-500);--info-cyan: var(--color-primary-500);--bg-gradient: var(--gradient-primary);--bg-gradient-soft: var(--gradient-soft);--text-white: var(--text-inverse)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden;padding-top:80px;min-height:100vh}#root{min-height:100vh;width:100%}h1,h2,h3,h4,h5,h6{font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--text-primary);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-4)}h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:var(--font-extrabold);line-height:var(--leading-tight)}h2{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:var(--font-bold)}h3{font-size:clamp(1.5rem,3vw,2rem);font-weight:var(--font-semibold)}h4{font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:var(--font-semibold)}h5{font-size:var(--text-xl);font-weight:var(--font-medium)}h6{font-size:var(--text-lg);font-weight:var(--font-medium)}p{margin-bottom:var(--space-4);color:var(--text-secondary);line-height:var(--leading-relaxed)}a{color:var(--color-primary-600);text-decoration:none;transition:color var(--transition-fast);font-weight:var(--font-medium)}a:hover{color:var(--color-primary-700);text-decoration:underline}a:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px;border-radius:var(--radius-sm)}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;padding:0;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:var(--font-semibold);line-height:1;border-radius:var(--radius-lg);transition:all var(--transition-base);cursor:pointer;text-decoration:none;border:1px solid transparent;min-height:44px;min-width:44px;position:relative;overflow:hidden}.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--gradient-primary);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.25) 0%,transparent 100%);opacity:0;transition:opacity var(--transition-base)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-primary:hover:not(:disabled):before{opacity:1}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-xs)}.btn-primary:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.btn-secondary{background:var(--gradient-success);color:var(--text-inverse);box-shadow:var(--shadow-xs)}.btn-secondary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-sm);filter:brightness(1.05)}.btn-danger{background:var(--gradient-danger);color:var(--text-inverse);box-shadow:var(--shadow-xs)}.btn-danger:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-sm);filter:brightness(1.05)}.btn-ghost{background:transparent;color:var(--text-primary)}.btn-ghost:hover:not(:disabled){background:var(--bg-tertiary);color:var(--color-primary-600)}input,textarea,select{font-family:inherit;font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg-primary);border:1.5px solid var(--border-medium);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);transition:all var(--transition-base);width:100%;min-height:44px}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary-600);box-shadow:0 0 0 3px #2563eb1a;background:var(--bg-primary)}input:hover:not(:disabled),textarea:hover:not(:disabled),select:hover:not(:disabled){border-color:var(--color-primary-300)}input::placeholder,textarea::placeholder{color:var(--text-disabled);font-weight:var(--font-normal)}input:disabled,textarea:disabled,select:disabled{background:var(--bg-tertiary);color:var(--text-disabled);cursor:not-allowed;opacity:.6}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-4)}@media (min-width: 640px){.container{padding:0 var(--space-6)}}@media (min-width: 1024px){.container{padding:0 var(--space-8)}}.section{padding:var(--space-16) 0}@media (max-width: 768px){.section{padding:var(--space-12) 0}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.m-0{margin:0}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.mr-0{margin-right:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.p-0{padding:0}.p-2{padding:var(--space-2)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:fadeIn .4s ease-out}.slide-up{animation:slideUp .4s ease-out}*:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px;border-radius:var(--radius-sm)}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-primary-600);color:var(--text-inverse);padding:var(--space-2) var(--space-4);z-index:var(--z-tooltip);text-decoration:none}.skip-link:focus{top:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (max-width: 768px){body{padding-top:72px}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}h4{font-size:1.25rem}.container{padding:0 var(--space-4)}}@media (max-width: 480px){body{padding-top:64px}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}}@media print{*{background:#fff!important;color:#000!important;box-shadow:none!important}a{text-decoration:underline}}html{scroll-behavior:smooth}.navbar{width:100%;background:linear-gradient(135deg,#1e3a8a,#2563eb,#1e3a8a);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);padding:0;box-shadow:0 4px 6px -1px #0003,0 2px 4px -2px #0003,0 0 20px #2563eb4d;position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed);border-bottom:2px solid rgba(37,99,235,.4);margin:0;transition:all var(--transition-base);overflow:hidden}.navbar:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(37,99,235,.2) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(30,64,175,.2) 0%,transparent 50%);pointer-events:none;opacity:.6}.navbar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,#2563eb 20%,#3b82f6 50%,#2563eb 80%,transparent 100%);box-shadow:0 0 15px #2563eb99}.navbar-container{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1280px;padding:var(--space-4) var(--space-6);margin:0 auto;gap:var(--space-6);position:relative;z-index:1}.logo{font-size:var(--text-xl);font-weight:var(--font-bold);color:#fff;text-decoration:none;transition:all var(--transition-base);display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.logo:hover{transform:scale(1.02)}.logo:focus-visible{outline:2px solid #60a5fa;outline-offset:4px;border-radius:var(--radius-md)}.logo-image{height:48px;width:auto;object-fit:contain;border-radius:var(--radius-md);transition:all var(--transition-base);filter:drop-shadow(0 2px 8px rgba(37,99,235,.4))}.logo:hover .logo-image{transform:scale(1.05);filter:drop-shadow(0 4px 12px rgba(37,99,235,.6))}.logo-text{font-size:var(--text-xl);font-weight:var(--font-bold);color:#fff;transition:all var(--transition-base);background:linear-gradient(135deg,#fff,#bfdbfe,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px rgba(255,255,255,.3)}.nav-right{display:flex;align-items:center;gap:var(--space-4);flex:1;justify-content:flex-end}.nav-links{display:flex;gap:var(--space-2);align-items:center}.nav-links.simplified{gap:var(--space-2)}.nav-links a{color:#bfdbfe;font-weight:var(--font-medium);font-size:var(--text-base);text-decoration:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);transition:all var(--transition-base);position:relative;white-space:nowrap}.nav-links a:hover{color:#fff;background:#2563eb4d;text-shadow:0 0 8px rgba(255,255,255,.4)}.nav-links a:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background:linear-gradient(90deg,#60a5fa,#fff,#60a5fa);border-radius:var(--radius-full);transition:width var(--transition-base);box-shadow:0 0 8px #60a5fa99}.nav-links a:hover:after,.nav-links a.active:after{width:60%}.nav-links a.active{background:#2563eb40;color:#fff;font-weight:var(--font-semibold);text-shadow:0 0 10px rgba(255,255,255,.3)}.nav-link-button{background:none;border:none;color:#bfdbfe;font-weight:var(--font-medium);font-size:var(--text-base);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);transition:all var(--transition-base);position:relative;cursor:pointer;font-family:inherit;text-decoration:none;white-space:nowrap}.nav-link-button:hover{color:#fff;background:#2563eb4d;text-shadow:0 0 8px rgba(255,255,255,.4)}.nav-link-button:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background:linear-gradient(90deg,#60a5fa,#fff,#60a5fa);border-radius:var(--radius-full);transition:width var(--transition-base);box-shadow:0 0 8px #60a5fa99}.nav-link-button:hover:after{width:60%}.coffee-button{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);color:#3d2914;text-decoration:none;background:linear-gradient(135deg,#fd0,#ffb800);border:1px solid rgba(255,165,0,.3);border-radius:var(--radius-full);box-shadow:0 2px 4px #0003,0 0 10px #ffdd004d;font-weight:var(--font-semibold);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);transition:all var(--transition-base);position:relative;overflow:hidden;min-height:40px;white-space:nowrap}.coffee-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left var(--transition-slow)}.coffee-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000004d,0 0 15px #ffdd0080;background:linear-gradient(135deg,#ffe033,#ffc933)}.coffee-button:hover:before{left:100%}.coffee-button:active{transform:translateY(0)}.coffee-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.coffee-icon svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.coffee-text{font-size:var(--text-sm);white-space:nowrap}.theme-toggle{display:none}@media (max-width: 768px){.navbar-container{padding:var(--space-3) var(--space-4);gap:var(--space-3)}.nav-right{gap:var(--space-2)}.nav-links{gap:var(--space-1)}.nav-links a,.nav-link-button{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.logo{font-size:var(--text-lg)}.logo-image{height:40px}.coffee-button{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);min-height:36px}.coffee-text{display:none}}@media (max-width: 480px){.navbar-container{padding:var(--space-2) var(--space-3)}.logo{font-size:var(--text-base)}.logo-image{height:36px}.nav-links a,.nav-link-button{padding:var(--space-1) var(--space-2);font-size:var(--text-sm)}.coffee-button{padding:var(--space-2);min-width:40px;min-height:40px}}.nav-links a:focus-visible,.nav-link-button:focus-visible,.coffee-button:focus-visible{outline:2px solid #60a5fa;outline-offset:2px;border-radius:var(--radius-md)}@media (prefers-reduced-motion: reduce){.logo:hover,.logo-image,.nav-links a,.nav-link-button,.coffee-button{transition:none;animation:none}}.footer{width:100%;background:linear-gradient(180deg,#1e1b4b,#312e81,#1e1b4b);color:#e0e7ff;padding:0;margin:0;border-top:1px solid rgba(139,92,246,.3);position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,#8b5cf6 20%,#a855f7 50%,#8b5cf6 80%,transparent 100%);opacity:.8;box-shadow:0 0 20px #8b5cf680}.footer:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(168,85,247,.15) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(99,102,241,.1) 0%,transparent 50%);pointer-events:none;opacity:.6}.container{max-width:1280px;margin:0 auto;padding:0 var(--space-6);position:relative;z-index:1}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:var(--space-12);padding:var(--space-16) 0 var(--space-12);align-items:start}.footer-col{display:flex;flex-direction:column;gap:var(--space-4)}.footer-logo{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-4);transition:transform var(--transition-base)}.footer-logo:hover{transform:translateY(-2px)}.logo-icon{font-size:2.5rem;filter:drop-shadow(0 2px 8px rgba(139,92,246,.4));transition:transform var(--transition-base);color:#c4b5fd}.footer-logo:hover .logo-icon{transform:scale(1.1) rotate(5deg);filter:drop-shadow(0 4px 12px rgba(139,92,246,.6))}.logo-text{background:linear-gradient(135deg,#c4b5fd,#a78bfa,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:var(--tracking-tight);text-shadow:0 0 20px rgba(139,92,246,.3)}.footer-text{font-size:var(--text-base);color:#c7d2fe;line-height:var(--leading-relaxed);margin:0;max-width:100%;font-weight:var(--font-normal)}.footer-col h4{font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--space-4) 0;color:#e0e7ff;letter-spacing:var(--tracking-tight);position:relative;padding-bottom:var(--space-3)}.footer-col h4:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background:linear-gradient(90deg,#8b5cf6,#a855f7);border-radius:var(--radius-full);box-shadow:0 0 10px #8b5cf680}.footer-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.footer-col ul li{font-size:var(--text-base);color:#c7d2fe;line-height:var(--leading-normal);transition:all var(--transition-base)}.footer-col ul li a,.footer-col ul li a:visited{color:#c7d2fe;text-decoration:none;transition:all var(--transition-base);display:inline-flex;align-items:center;padding:var(--space-1) 0;position:relative;font-weight:var(--font-normal)}.footer-col ul li a:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:0;height:2px;background:linear-gradient(90deg,#8b5cf6,#a855f7);transition:width var(--transition-base);border-radius:var(--radius-full);box-shadow:0 0 8px #8b5cf680}.footer-col ul li a:hover{color:#e0e7ff;transform:translate(4px);padding-left:var(--space-1);text-shadow:0 0 8px rgba(139,92,246,.4)}.footer-col ul li a:hover:before{width:8px}.footer-col ul li a:focus-visible{outline:2px solid #a78bfa;outline-offset:2px;border-radius:var(--radius-sm)}.footer-bottom{display:flex;justify-content:center;align-items:center;padding:var(--space-8) var(--space-6);border-top:1px solid rgba(139,92,246,.2);background:linear-gradient(180deg,#1e1b4bcc,#312e81cc);position:relative;text-align:center;width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.footer-bottom:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#8b5cf6 20%,#a855f7 50%,#8b5cf6 80%,transparent 100%);opacity:.5;box-shadow:0 0 15px #8b5cf666}.footer-bottom p{font-size:var(--text-sm);color:#a5b4fc;text-align:center;margin:0 auto;letter-spacing:var(--tracking-normal);font-weight:var(--font-normal);width:100%}@media (max-width: 968px){.footer-grid{grid-template-columns:1fr;gap:var(--space-10);padding:var(--space-12) 0 var(--space-10);text-align:center}.footer-col{align-items:center}.footer-logo{justify-content:center}.footer-text{text-align:center;max-width:100%}.footer-col h4{text-align:center}.footer-col h4:after{left:50%;transform:translate(-50%)}.footer-col ul{align-items:center}.footer-col ul li{text-align:center}.footer-col ul li a{justify-content:center}.footer-col ul li a:before{display:none}.footer-col ul li a:hover{transform:none;padding-left:0}}@media (max-width: 768px){.container{padding:0 var(--space-4)}.footer-grid{padding:var(--space-10) 0 var(--space-8);gap:var(--space-8)}.footer-logo{font-size:var(--text-xl);margin-bottom:var(--space-3)}.logo-icon{font-size:2rem}.footer-text{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.footer-col h4{font-size:var(--text-base);margin-bottom:var(--space-3)}.footer-col h4:after{width:35px}.footer-col ul{gap:var(--space-2)}.footer-bottom{padding:var(--space-6) var(--space-4)}.footer-bottom p{font-size:var(--text-xs)}}@media (max-width: 480px){.footer-grid{padding:var(--space-8) 0 var(--space-6);gap:var(--space-6)}.footer-logo{font-size:var(--text-lg);gap:var(--space-2);margin-bottom:var(--space-2)}.logo-icon{font-size:1.75rem}.footer-text{font-size:var(--text-sm);line-height:var(--leading-normal)}.footer-col h4{font-size:var(--text-base);margin-bottom:var(--space-2)}.footer-col h4:after{width:30px}.footer-col ul{gap:var(--space-2)}.footer-col ul li{font-size:var(--text-sm)}.footer-col ul li a{font-size:var(--text-sm);padding:var(--space-1) 0}.footer-bottom{padding:var(--space-5) var(--space-4)}.footer-bottom p{font-size:var(--text-xs);line-height:var(--leading-normal)}}.home-container{width:100%;min-height:100vh;background:var(--bg-secondary);color:var(--text-primary);margin:0;padding:0;overflow-x:hidden}.about-section{width:100%;min-height:70vh;display:flex;align-items:center;justify-content:center;background:var(--gradient-hero);padding:var(--space-20) var(--space-4);position:relative;overflow:hidden}.about-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(37,99,235,.1) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(5,150,105,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(124,58,237,.08) 0%,transparent 50%),radial-gradient(circle at 30% 80%,rgba(13,148,136,.06) 0%,transparent 50%);pointer-events:none}.about-content{width:100%;max-width:1280px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);position:relative;z-index:1;margin:0 auto;padding:0 var(--space-4)}.about-text{flex:1;max-width:700px;animation:fadeIn .6s ease-out}.about-text h1{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:var(--font-extrabold);line-height:var(--leading-tight);margin-bottom:var(--space-8);background:linear-gradient(135deg,#00050e,#042e02,#15033f,#222e05,#013323,#de5d0d);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:var(--tracking-tight);position:relative;animation:gradientShift 4s ease infinite,textGlow 3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(178,183,13,.4));text-shadow:0 0 30px rgba(59,130,246,.5),0 0 60px rgba(139,92,246,.3),0 4px 10px rgba(0,0,0,.1)}.about-text h1:before{content:"📄 File Converter";position:absolute;inset:0;background:linear-gradient(135deg,#3b82f6cc,#8b5cf6cc,#14b8a6cc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;z-index:-1;filter:blur(15px);opacity:.7;animation:glowPulse 2s ease-in-out infinite}.about-text h1:after{content:"";position:absolute;bottom:-8px;left:0;width:100%;height:4px;background:linear-gradient(90deg,transparent 0%,#3b82f6 20%,#8b5cf6 50%,#14b8a6 80%,transparent 100%);border-radius:var(--radius-full);box-shadow:0 0 20px #3b82f699,0 0 40px #8b5cf666;animation:underlineGlow 3s ease-in-out infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes textGlow{0%,to{filter:drop-shadow(0 0 20px rgba(59,130,246,.4)) drop-shadow(0 0 40px rgba(139,92,246,.2))}50%{filter:drop-shadow(0 0 30px rgba(59,130,246,.6)) drop-shadow(0 0 60px rgba(139,92,246,.4)) drop-shadow(0 0 80px rgba(20,184,166,.3))}}@keyframes glowPulse{0%,to{opacity:.5;transform:scale(1.02)}50%{opacity:.8;transform:scale(1.05)}}@keyframes underlineGlow{0%,to{opacity:.6;box-shadow:0 0 20px #3b82f699,0 0 40px #8b5cf666}50%{opacity:1;box-shadow:0 0 30px #3b82f6cc,0 0 60px #8b5cf699,0 0 80px #14b8a666}}.about-text p{font-size:clamp(1.125rem,2.5vw,1.5rem);color:var(--text-primary);line-height:var(--leading-relaxed);max-width:650px;margin-bottom:0;font-weight:var(--font-medium);position:relative;padding:var(--space-6) var(--space-5);background:linear-gradient(135deg,#3b82f60d,#8b5cf60d,#14b8a60d);border-radius:var(--radius-xl);border:1px solid rgba(59,130,246,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #3b82f61a,inset 0 1px #ffffff80;text-shadow:0 2px 10px rgba(59,130,246,.15),0 1px 3px rgba(0,0,0,.1);animation:paragraphGlow 4s ease-in-out infinite;transition:all var(--transition-normal)}.about-text p:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a,#14b8a61a);border-radius:var(--radius-xl);opacity:0;transition:opacity var(--transition-normal);z-index:-1}.about-text p:hover{transform:translateY(-2px);border-color:#3b82f666;box-shadow:0 8px 30px #3b82f633,inset 0 1px #fff9;text-shadow:0 2px 15px rgba(59,130,246,.25),0 1px 5px rgba(0,0,0,.1)}.about-text p:hover:before{opacity:1}@keyframes paragraphGlow{0%,to{box-shadow:0 4px 20px #3b82f61a,inset 0 1px #ffffff80}50%{box-shadow:0 6px 30px #3b82f626,0 0 40px #8b5cf61a,inset 0 1px #fff9}}.about-image-wrapper{flex:1;display:flex;align-items:center;justify-content:center;max-width:600px;animation:fadeIn .8s ease-out .2s both;position:relative}.home-hero-image{width:100%;max-width:500px;height:auto;object-fit:contain;border-radius:var(--radius-2xl);filter:drop-shadow(0 10px 25px rgba(0,0,0,.1));transition:all var(--transition-normal)}.home-hero-image:hover{transform:translateY(-8px) scale(1.02);filter:drop-shadow(0 20px 40px rgba(0,0,0,.15))}.about-images{flex:1;display:flex;gap:var(--space-6);justify-content:flex-end;animation:fadeIn .8s ease-out .2s both}.hero-img{width:180px;height:180px;object-fit:contain;border-radius:var(--radius-2xl);background:var(--bg-primary);box-shadow:var(--shadow-lg);transition:all var(--transition-normal);border:1px solid var(--border-light)}.hero-img:hover{transform:scale(1.05) translateY(-4px);box-shadow:var(--shadow-xl)}.img-left{transform:rotate(-5deg);animation:float 4s ease-in-out infinite}.img-right{transform:rotate(5deg);animation:float 4s ease-in-out infinite 2s}@keyframes float{0%,to{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(-5deg) translateY(-12px)}}.img-right{animation:floatRight 4s ease-in-out infinite 2s}@keyframes floatRight{0%,to{transform:rotate(5deg) translateY(0)}50%{transform:rotate(5deg) translateY(-12px)}}.services-section{padding:var(--space-20) 0;background:linear-gradient(180deg,#0f172a,#1e293b,#0f172a);width:100%;position:relative;overflow:hidden}.services-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(37,99,235,.15) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(124,58,237,.15) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(5,150,105,.1) 0%,transparent 50%);pointer-events:none;opacity:.6}.services-section:after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(37,99,235,.03) 2px,rgba(37,99,235,.03) 4px);pointer-events:none}.section-title{text-align:center;color:#fff;font-size:clamp(2rem,4vw,3rem);font-weight:var(--font-extrabold);margin-bottom:var(--space-16);letter-spacing:var(--tracking-tight);position:relative;padding-bottom:var(--space-6);z-index:1;text-shadow:0 2px 20px rgba(37,99,235,.3)}.section-title:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:120px;height:4px;background:linear-gradient(90deg,transparent 0%,#3b82f6 20%,#8b5cf6 50%,#3b82f6 80%,transparent 100%);border-radius:var(--radius-full);box-shadow:0 0 20px #3b82f680}.section-title:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:80px;height:4px;background:var(--gradient-primary);border-radius:var(--radius-full)}.services-header-wrapper{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-4);margin-bottom:var(--space-8)}.tools-search-container{margin-top:var(--space-6);margin-bottom:var(--space-4)}.tools-search-wrapper{position:relative;display:flex;align-items:center;background:#fff;border-radius:var(--radius-xl);border:2px solid #E2E8F0;box-shadow:0 4px 12px #00000014,0 2px 4px #0000000a;transition:all var(--transition-normal);overflow:hidden}.tools-search-wrapper:focus-within{border-color:#8b5cf6;box-shadow:0 8px 20px #8b5cf626,0 4px 8px #00000014,0 0 0 3px #8b5cf61a}.search-icon{position:absolute;left:var(--space-5);color:#6366f1;pointer-events:none;z-index:1}.tools-search-input{width:100%;padding:var(--space-4) var(--space-5) var(--space-4) calc(var(--space-5) * 2 + 20px);border:none;background:transparent;font-size:var(--text-base);color:#1e293b;outline:none;font-weight:var(--font-medium)}.tools-search-input::placeholder{color:#94a3b8;font-weight:var(--font-normal)}.search-clear-btn{position:absolute;right:var(--space-4);background:transparent;border:none;cursor:pointer;color:#94a3b8;padding:var(--space-2);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);z-index:1}.search-clear-btn:hover{background:#6366f11a;color:#6366f1;transform:scale(1.1)}.search-help-text{margin-top:var(--space-2);font-size:var(--text-sm);color:#64748b;text-align:center;font-weight:var(--font-medium);min-height:20px}.services-grid{display:grid;width:100%;max-width:1280px;margin:0 auto;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-6);padding:0 var(--space-4);position:relative;z-index:1;transition:all var(--transition-normal)}.services-grid.search-active{animation:fadeIn .3s ease-out}.no-results-message{grid-column:1 / -1;text-align:center;padding:var(--space-16) var(--space-4);animation:fadeIn .4s ease-out}.no-results-icon{font-size:4rem;margin-bottom:var(--space-4);opacity:.6}.no-results-message h3{font-size:var(--text-2xl);font-weight:var(--font-bold);color:#1e293b;margin-bottom:var(--space-3)}.no-results-message p{font-size:var(--text-lg);color:#64748b;margin-bottom:var(--space-4)}.search-suggestions{list-style:none;padding:0;margin:var(--space-4) auto 0;display:inline-flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;max-width:600px}.search-suggestions li{background:linear-gradient(135deg,#8b5cf61a,#6366f11a);color:#6366f1;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);border:1.5px solid rgba(139,92,246,.2);cursor:pointer;transition:all var(--transition-fast)}.search-suggestions li:hover{background:linear-gradient(135deg,#8b5cf633,#6366f133);border-color:#8b5cf6;transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf633}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.tools-search-wrapper{border-radius:var(--radius-lg)}.tools-search-input{font-size:var(--text-sm);padding:var(--space-3) var(--space-4) var(--space-3) calc(var(--space-4) * 2 + 20px)}.search-icon{left:var(--space-4);width:18px;height:18px}.search-help-text{font-size:var(--text-xs)}.no-results-message{padding:var(--space-12) var(--space-4)}.no-results-icon{font-size:3rem}.search-suggestions{flex-direction:column;align-items:center}}.service-card{background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -2px #0000004d,inset 0 1px #ffffff0d;transition:all var(--transition-base);text-decoration:none;color:#e2e8f0;border:1px solid rgba(59,130,246,.2);min-height:220px;display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden;cursor:pointer}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#14b8a6);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base);box-shadow:0 0 20px #3b82f699}.service-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%);opacity:0;transition:opacity var(--transition-base);pointer-events:none}.service-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 25px -5px #0006,0 8px 10px -6px #0006,0 0 30px #3b82f64d,inset 0 1px #ffffff1a;border-color:#3b82f680;background:linear-gradient(135deg,#1e40af,#1e293b)}.service-card:hover:before{transform:scaleX(1);box-shadow:0 0 30px #3b82f6cc}.service-card:hover:after{opacity:1}.card-top{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.card-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:var(--radius-xl);background:linear-gradient(135deg,#3b82f633,#8b5cf633);color:#60a5fa;font-size:1.5rem;border:1px solid rgba(59,130,246,.3);transition:all var(--transition-base);box-shadow:0 4px 6px -1px #3b82f633,inset 0 1px #ffffff1a;position:relative;z-index:1}.card-icon:before{content:"";position:absolute;inset:-2px;border-radius:var(--radius-xl);background:linear-gradient(135deg,#3b82f6,#8b5cf6,#14b8a6);opacity:0;transition:opacity var(--transition-base);z-index:-1;filter:blur(8px)}.service-card:hover .card-icon{transform:scale(1.15) rotate(5deg);background:linear-gradient(135deg,#3b82f64d,#8b5cf64d);color:#93c5fd;box-shadow:0 8px 12px -2px #3b82f666,inset 0 1px #fff3,0 0 20px #3b82f680}.service-card:hover .card-icon:before{opacity:.5}.card-chip{font-size:var(--text-xs);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:linear-gradient(135deg,#3b82f640,#8b5cf640);color:#bfdbfe;border:1px solid rgba(59,130,246,.4);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;box-shadow:0 2px 4px #3b82f633,inset 0 1px #ffffff1a;position:relative;z-index:1}.service-card h3{font-size:var(--text-xl);color:#e2e8f0;margin-bottom:var(--space-3);font-weight:var(--font-bold);transition:all var(--transition-base);line-height:var(--leading-tight);position:relative;z-index:1}.service-card:hover h3{color:#bfdbfe;text-shadow:0 0 10px rgba(59,130,246,.5)}.service-card p{font-size:var(--text-base);color:#cbd5e1;line-height:var(--leading-relaxed);flex-grow:1;margin-bottom:var(--space-4);position:relative;z-index:1}.card-footer{display:flex;align-items:center;gap:var(--space-2);margin-top:auto;color:#60a5fa;font-weight:var(--font-semibold);font-size:var(--text-sm);position:relative;z-index:1;transition:all var(--transition-base)}.service-card:hover .card-footer{color:#93c5fd;text-shadow:0 0 8px rgba(59,130,246,.4)}.card-cta{font-size:var(--text-sm)}.card-arrow{transition:transform var(--transition-base);width:20px;height:20px}.service-card:hover .card-arrow{transform:translate(4px)}.extra-info{width:100%;background:linear-gradient(135deg,#dbeafe,#bfdbfe,#93c5fd,#bfdbfe,#dbeafe);margin:var(--space-20) 0 0 0;padding:var(--space-16) var(--space-4);box-shadow:0 20px 25px -5px #0003,0 8px 10px -6px #0003,0 0 40px #3b82f64d,inset 0 1px #fff3;text-align:center;border-top:3px solid rgba(59,130,246,.5);border-bottom:3px solid rgba(59,130,246,.5);position:relative;overflow:hidden}.extra-info:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,transparent 0%,#bfdbfe 15%,#93c5fd 30%,#bfdbfe 50%,#93c5fd 70%,#bfdbfe 85%,transparent 100%);box-shadow:0 0 30px #3b82f6cc;animation:shimmer 3s ease-in-out infinite}.extra-info:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(191,219,254,.2) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(147,197,253,.2) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(219,234,254,.15) 0%,transparent 60%);pointer-events:none;opacity:.8}@keyframes shimmer{0%,to{opacity:.8}50%{opacity:1}}.extra-info-container{max-width:1200px;margin:0 auto;position:relative;z-index:1}.extra-info h2{font-size:clamp(2rem,4vw,3rem);color:#1e40af;margin-bottom:var(--space-10);font-weight:var(--font-extrabold);position:relative;z-index:1;text-shadow:0 2px 8px rgba(255,255,255,.5),0 1px 3px rgba(0,0,0,.2);letter-spacing:var(--tracking-tight)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6);max-width:1000px;margin:0 auto;position:relative;z-index:1}.feature-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);background:#ffffffb3;border-radius:var(--radius-xl);border:2px solid rgba(59,130,246,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-normal);position:relative;overflow:hidden;box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a,inset 0 1px #ffffffe6}.feature-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#3b82f633,#2563eb33);opacity:0;transition:opacity var(--transition-normal)}.feature-item:hover{transform:translateY(-4px);background:#ffffffe6;border-color:#3b82f6;box-shadow:0 8px 24px #0003,0 4px 8px #00000026,0 0 30px #3b82f666,inset 0 1px #fff}.feature-item:hover:before{opacity:1}.feature-icon{font-size:2.5rem;line-height:1;filter:drop-shadow(0 2px 6px rgba(30,64,175,.4));position:relative;z-index:1;transition:transform var(--transition-normal)}.feature-item:hover .feature-icon{transform:scale(1.15) rotate(5deg)}.feature-text{font-size:var(--text-lg);color:#1e40af;font-weight:var(--font-semibold);line-height:var(--leading-relaxed);text-align:center;text-shadow:0 1px 3px rgba(255,255,255,.5),0 1px 2px rgba(0,0,0,.1);position:relative;z-index:1}.testimonials-section{width:100%;background:linear-gradient(180deg,#dbeafe,#d1faf5);padding:var(--space-20) var(--space-4);margin:var(--space-20) 0 0 0;position:relative;overflow:hidden;animation:fadeIn .8s ease-out}.testimonials-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(96,165,250,.08) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(167,243,208,.08) 0%,transparent 50%);pointer-events:none}.testimonials-container{max-width:1400px;margin:0 auto;position:relative;z-index:1}.testimonials-header{text-align:center;margin-bottom:var(--space-12)}.testimonials-title{font-size:clamp(2rem,4vw,3rem);font-weight:var(--font-extrabold);color:#0f172a;margin-bottom:var(--space-3);letter-spacing:var(--tracking-tight)}.testimonials-subtitle{font-size:clamp(1rem,2vw,1.25rem);color:#475569;font-weight:var(--font-medium)}.testimonials-scroll{width:100%;overflow:hidden;position:relative;padding:var(--space-4) 0;mask-image:linear-gradient(to right,transparent 0%,black 5%,black 95%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 5%,black 95%,transparent 100%)}.testimonials-scroll.paused .testimonials-track{animation-play-state:paused}.testimonials-track{display:flex;gap:var(--space-6);width:fit-content;animation:scrollTestimonials 60s linear infinite;will-change:transform}@keyframes scrollTestimonials{0%{transform:translate(0)}to{transform:translate(-50%)}}.testimonial-card{flex-shrink:0;width:380px;background:#fff;border-radius:20px;padding:var(--space-6);box-shadow:0 4px 6px -1px #00000014,0 2px 4px -2px #0000000f;transition:all var(--transition-normal);position:relative;overflow:hidden}.testimonial-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#60a5fa,#a7f3d0);opacity:0;transition:opacity var(--transition-normal)}.testimonial-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 24px -4px #0000001f,0 4px 8px -2px #00000014}.testimonial-card:hover:before{opacity:1}.testimonial-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.testimonial-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#60a5fa33,#a7f3d033);display:flex;align-items:center;justify-content:center;font-size:1.75rem;flex-shrink:0;border:2px solid rgba(96,165,250,.2)}.testimonial-info{flex:1;min-width:0}.testimonial-name{font-size:var(--text-lg);font-weight:var(--font-semibold);color:#0f172a;margin-bottom:var(--space-1);line-height:var(--leading-tight)}.testimonial-role{font-size:var(--text-sm);color:#475569;font-weight:var(--font-normal);line-height:var(--leading-normal)}.testimonial-rating{display:flex;gap:var(--space-1);margin-bottom:var(--space-4)}.testimonial-rating .star{font-size:1rem;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.testimonial-text{font-size:var(--text-base);color:#475569;line-height:var(--leading-relaxed);margin:0;font-weight:var(--font-normal)}.faq-section{width:100%;background:linear-gradient(180deg,#f5f3ff,#ede9fe,#f5f3ff);padding:var(--space-20) var(--space-4);margin:0;position:relative;overflow:hidden}.faq-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(139,92,246,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(99,102,241,.08) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(167,139,250,.05) 0%,transparent 60%);pointer-events:none}.faq-section:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,#8B5CF6 20%,#6366F1 50%,#8B5CF6 80%,transparent 100%);box-shadow:0 0 20px #8b5cf666}.faq-container{max-width:900px;margin:0 auto;position:relative;z-index:1}.faq-header{text-align:center;margin-bottom:var(--space-12)}.faq-title{font-size:clamp(2rem,4vw,3rem);font-weight:var(--font-extrabold);background:linear-gradient(135deg,#6366f1,#8b5cf6,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-3);letter-spacing:var(--tracking-tight);position:relative;z-index:1}.faq-subtitle{font-size:clamp(1rem,2vw,1.25rem);color:#6366f1;font-weight:var(--font-semibold);position:relative;z-index:1}.faq-list{display:flex;flex-direction:column;gap:var(--space-4)}.faq-item{background:#fff;border:2px solid #E9D5FF;border-radius:var(--radius-2xl);padding:0;cursor:pointer;transition:all var(--transition-normal);overflow:hidden;position:relative;box-shadow:0 2px 8px #8b5cf614,0 1px 3px #0000000d}.faq-item:before{content:"";position:absolute;top:0;left:0;width:5px;height:100%;background:linear-gradient(180deg,#8b5cf6,#6366f1,#a78bfa);opacity:0;transition:opacity var(--transition-normal);box-shadow:0 0 10px #8b5cf680}.faq-item:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#8b5cf608,#6366f108);opacity:0;transition:opacity var(--transition-normal);pointer-events:none}.faq-item:hover{border-color:#a78bfa;box-shadow:0 8px 24px #8b5cf626,0 4px 12px #6366f11a,0 0 0 1px #8b5cf61a;transform:translateY(-3px);background:linear-gradient(135deg,#fff,#f9f5ff)}.faq-item:hover:before{opacity:1}.faq-item:hover:after{opacity:1}.faq-item.active{border-color:#8b5cf6;box-shadow:0 12px 32px #8b5cf633,0 6px 16px #6366f126,0 0 0 2px #8b5cf633;background:linear-gradient(135deg,#fff,#f9f5fff2,#fff);transform:translateY(-2px)}.faq-item.active:before{opacity:1;width:6px}.faq-item.active:after{opacity:1}.faq-question{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6) var(--space-6);gap:var(--space-4)}.faq-question-text{font-size:var(--text-lg);font-weight:var(--font-semibold);color:#4c1d95;line-height:var(--leading-relaxed);flex:1;text-align:left;transition:color var(--transition-normal)}.faq-item:hover .faq-question-text,.faq-item.active .faq-question-text{color:#6366f1}.faq-icon{flex-shrink:0;color:#8b5cf6;transition:all var(--transition-normal);width:24px;height:24px;background:linear-gradient(135deg,#8b5cf61a,#6366f11a);border-radius:50%;padding:4px}.faq-item:hover .faq-icon{color:#6366f1;background:linear-gradient(135deg,#8b5cf633,#6366f133);transform:scale(1.1)}.faq-item.active .faq-icon{transform:rotate(180deg) scale(1.1);color:#6366f1;background:linear-gradient(135deg,#8b5cf640,#6366f140)}.faq-answer{max-height:0;overflow:hidden;transition:max-height var(--transition-normal),padding var(--transition-normal);padding:0 var(--space-6)}.faq-item.active .faq-answer{max-height:500px;padding:0 var(--space-6) var(--space-6) var(--space-6)}.faq-answer p{font-size:var(--text-base);color:#5b21b6;line-height:var(--leading-relaxed);margin:0;font-weight:var(--font-normal)}@media (max-width: 1024px){.about-content{flex-direction:column;gap:var(--space-8);text-align:center}.about-text{max-width:100%}.about-image-wrapper{max-width:100%;width:100%;justify-content:center}.home-hero-image{max-width:400px}.about-images{justify-content:center}.services-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}}@media (max-width: 768px){.about-section{padding:var(--space-12) var(--space-4);min-height:60vh}.about-content{gap:var(--space-6)}.about-text h1{font-size:2.5rem;margin-bottom:var(--space-6);filter:drop-shadow(0 0 15px rgba(59,130,246,.3))}.about-text h1:after{height:3px;bottom:-6px}.about-text p{font-size:1.125rem;padding:var(--space-5) var(--space-4)}.about-image-wrapper{max-width:100%;padding:0 var(--space-4)}.home-hero-image{max-width:100%;width:100%}.section-title{font-size:2rem;margin-bottom:var(--space-12)}.services-grid{grid-template-columns:1fr;gap:var(--space-4);padding:0 var(--space-4)}.service-card{min-height:200px;padding:var(--space-5)}.testimonials-section{padding:var(--space-12) var(--space-4);margin:var(--space-10) 0 0 0}.testimonials-header{margin-bottom:var(--space-8)}.testimonial-card{width:300px;padding:var(--space-5)}.testimonials-scroll{mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%)}.faq-section{padding:var(--space-16) var(--space-4)}.faq-header{margin-bottom:var(--space-10)}.faq-question{padding:var(--space-5) var(--space-5)}.faq-question-text{font-size:var(--text-base)}.faq-item.active .faq-answer{padding:0 var(--space-5) var(--space-5) var(--space-5)}.extra-info{padding:var(--space-12) var(--space-4);margin:var(--space-12) 0 0 0}.extra-info-container{padding:0}.features-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.feature-item{padding:var(--space-5) var(--space-3)}.feature-icon{font-size:2rem}.feature-text{font-size:var(--text-base)}.hero-img{width:140px;height:140px}}@media (max-width: 480px){.about-section{padding:var(--space-8) var(--space-4);min-height:50vh}.about-text h1{font-size:2rem;margin-bottom:var(--space-5);filter:drop-shadow(0 0 12px rgba(59,130,246,.3))}.about-text h1:after{height:2px;bottom:-4px}.about-text p{font-size:1rem;padding:var(--space-4) var(--space-3)}.section-title{font-size:1.75rem;margin-bottom:var(--space-8)}.service-card{padding:var(--space-4);min-height:180px}.card-icon{width:48px;height:48px;font-size:1.25rem}.extra-info{padding:var(--space-10) var(--space-4);margin:var(--space-8) 0 0 0}.extra-info h2{font-size:1.75rem;margin-bottom:var(--space-8)}.features-grid{grid-template-columns:1fr;gap:var(--space-4)}.feature-item{padding:var(--space-5) var(--space-4)}.feature-icon{font-size:2rem}.feature-text{font-size:var(--text-base)}.hero-img{width:120px;height:120px}.about-images{gap:var(--space-4)}.testimonials-section{padding:var(--space-16) var(--space-4);margin:var(--space-12) 0 0 0}.testimonials-header{margin-bottom:var(--space-10)}.testimonial-card{width:320px;padding:var(--space-5)}.testimonials-scroll{mask-image:linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%)}}.analytics-page{min-height:100vh;background:var(--bg-secondary);padding:var(--space-2xl) 0}.analytics-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:var(--space-lg)}.loading-spinner{width:40px;height:40px;border:4px solid var(--bg-tertiary);border-top:4px solid var(--primary-blue);border-radius:50%;animation:spin 1s linear infinite}.analytics-header{text-align:center;margin-bottom:var(--space-3xl)}.header-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl);flex-wrap:wrap;gap:var(--space-lg)}.header-content>div:first-child{flex:1;text-align:left}.header-controls{display:flex;align-items:center;gap:var(--space-md)}.connection-status{display:flex;align-items:center}.status-indicator{font-size:.875rem;font-weight:500;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--space-xs)}.status-indicator.connected{color:var(--success-green);background:#4caf501a}.status-indicator.disconnected{color:var(--error-red);background:#f443361a}.analytics-header h1{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-md);background:var(--bg-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.analytics-header p{font-size:1.125rem;color:var(--text-secondary);margin:0}.auto-refresh-toggle{background:var(--bg-primary);color:var(--text-primary);border:2px solid var(--primary-blue);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);font-size:1rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-sm)}.auto-refresh-toggle:hover{background:var(--primary-blue);color:var(--text-white);transform:translateY(-2px);box-shadow:var(--shadow-md)}.auto-refresh-toggle.active{background:var(--primary-blue);color:var(--text-white);box-shadow:var(--shadow-md)}.refresh-button{background:var(--primary-blue);color:var(--text-white);border:none;border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);font-size:1rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-sm);box-shadow:var(--shadow-md)}.refresh-button:hover{background:var(--accent-purple);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.refresh-button:active{transform:translateY(0)}.time-range-selector{display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:wrap}.time-range-selector button{padding:var(--space-sm) var(--space-lg);border:2px solid var(--primary-blue);background:var(--bg-primary);color:var(--primary-blue);border-radius:var(--radius-lg);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.time-range-selector button:hover{background:var(--primary-blue);color:var(--text-white);transform:translateY(-2px);box-shadow:var(--shadow-md)}.time-range-selector button.active{background:var(--primary-blue);color:var(--text-white);box-shadow:var(--shadow-md)}.last-update{text-align:center;margin-top:var(--space-lg)}.update-indicator{font-size:.875rem;color:var(--text-muted);background:var(--bg-primary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);border:1px solid rgba(0,0,0,.05);display:inline-flex;align-items:center;gap:var(--space-xs)}.realtime-notifications{position:fixed;top:100px;right:var(--space-lg);z-index:1000;display:flex;flex-direction:column;gap:var(--space-sm);max-width:350px}.notification{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-lg);border:1px solid rgba(0,0,0,.05);display:flex;align-items:center;gap:var(--space-sm);animation:slideInRight .3s ease-out;border-left:4px solid}.notification.success{border-left-color:var(--success-green)}.notification.error{border-left-color:var(--error-red)}.notification-icon{font-size:1.25rem;flex-shrink:0}.notification-message{flex:1;font-weight:500;color:var(--text-primary);font-size:.875rem}.notification-time{font-size:.75rem;color:var(--text-muted);flex-shrink:0}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.analytics-grid{display:grid;gap:var(--space-2xl)}.metrics-section,.performance-section{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-lg);border:1px solid rgba(0,0,0,.05)}.metrics-section h2,.performance-section h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xl);display:flex;align-items:center;gap:var(--space-sm)}.stats-grid,.performance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg)}.stat-card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-xl);border:1px solid rgba(0,0,0,.05);transition:all var(--transition-fast);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--bg-gradient);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.stat-header{display:flex;align-items:flex-start;gap:var(--space-lg)}.stat-icon{font-size:2rem;line-height:1;flex-shrink:0}.stat-content{flex:1}.stat-title{font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-xs);line-height:1.2}.stat-subtitle{font-size:.875rem;color:var(--text-muted);margin:0}.stat-trend{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:.875rem;font-weight:500;margin-top:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm)}.stat-trend.positive{color:var(--success-green);background:#4caf501a}.stat-trend.negative{color:var(--error-red);background:#f443361a}.charts-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-2xl)}.chart-container{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-lg);border:1px solid rgba(0,0,0,.05)}.chart-container h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xl);display:flex;align-items:center;gap:var(--space-sm)}.file-type-chart{display:flex;flex-direction:column;gap:var(--space-lg)}.file-type-item{display:grid;grid-template-columns:1fr 2fr auto;align-items:center;gap:var(--space-lg)}.file-type-info{display:flex;flex-direction:column;gap:var(--space-xs);min-width:120px}.file-type-name{font-weight:500;color:var(--text-primary);font-size:.875rem}.file-type-count{font-size:.75rem;color:var(--text-muted)}.file-type-bar{height:8px;background:var(--bg-tertiary);border-radius:var(--radius-sm);overflow:hidden;position:relative}.file-type-fill{height:100%;background:var(--bg-gradient);border-radius:var(--radius-sm);transition:width var(--transition-slow)}.file-type-percentage{font-size:.875rem;font-weight:500;color:var(--text-secondary);min-width:40px;text-align:right}.daily-chart,.hourly-chart{display:flex;align-items:end;gap:2px;height:200px;padding:var(--space-lg) 0;justify-content:space-between}.daily-bar,.hourly-bar{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);height:100%;min-width:0;flex:1}.daily-fill,.hourly-fill{width:100%;min-height:2px;background:var(--bg-gradient);border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:height var(--transition-slow);cursor:pointer;position:relative}.daily-fill:hover,.hourly-fill:hover{opacity:.8;transform:scaleY(1.05)}.daily-label,.hourly-label{font-size:.7rem;color:var(--text-muted);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;margin-top:var(--space-xs)}.activity-section{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-lg);border:1px solid rgba(0,0,0,.05)}.activity-section h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xl);display:flex;align-items:center;gap:var(--space-sm)}.activity-list{display:flex;flex-direction:column;gap:var(--space-lg)}.activity-item{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-lg);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid rgba(0,0,0,.05);transition:all var(--transition-fast)}.activity-item:hover{transform:translate(4px);box-shadow:var(--shadow-md)}.activity-icon{font-size:1.5rem;flex-shrink:0}.activity-content{flex:1}.activity-content p{margin:0 0 var(--space-xs) 0;color:var(--text-primary);font-weight:500}.activity-time{font-size:.875rem;color:var(--text-muted)}.file-size{font-size:.75rem;color:var(--text-muted);font-weight:400;margin-left:var(--space-xs)}.activity-item.success{border-left:3px solid var(--success-green)}.activity-item.error{border-left:3px solid var(--error-red);background:#f443360d}.activity-item.error .activity-content p{color:var(--error-red)}.no-activity,.no-data{text-align:center;padding:var(--space-2xl);color:var(--text-muted);font-style:italic}.visitor-section,.demographics-section{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-lg);border:1px solid rgba(0,0,0,.05)}.visitor-section h2,.demographics-section h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xl);display:flex;align-items:center;gap:var(--space-sm)}.visitor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg)}.demographics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-2xl)}.country-chart,.device-chart,.browser-chart{display:flex;flex-direction:column;gap:var(--space-lg)}.country-item,.device-item,.browser-item{display:grid;grid-template-columns:1fr 2fr auto;align-items:center;gap:var(--space-lg)}.country-info,.device-info,.browser-info{display:flex;flex-direction:column;gap:var(--space-xs);min-width:120px}.country-name,.device-name,.browser-name{font-weight:500;color:var(--text-primary);font-size:.875rem}.country-count,.device-count,.browser-count{font-size:.75rem;color:var(--text-muted)}.country-bar,.device-bar,.browser-bar{height:8px;background:var(--bg-tertiary);border-radius:var(--radius-sm);overflow:hidden;position:relative}.country-fill,.device-fill,.browser-fill{height:100%;background:var(--bg-gradient);border-radius:var(--radius-sm);transition:width var(--transition-slow)}.country-percentage,.device-percentage,.browser-percentage{font-size:.875rem;font-weight:500;color:var(--text-secondary);min-width:40px;text-align:right}.device-item{grid-template-columns:auto 1fr 2fr auto}.device-icon{font-size:1.5rem;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-secondary);border-radius:var(--radius-lg)}[data-theme=dark] .visitor-section,[data-theme=dark] .demographics-section{background:var(--bg-primary);border-color:#ffffff1a}[data-theme=dark] .country-bar,[data-theme=dark] .device-bar,[data-theme=dark] .browser-bar{background:var(--bg-tertiary)}[data-theme=dark] .device-icon,[data-theme=dark] .analytics-page{background:var(--bg-secondary)}[data-theme=dark] .stat-card,[data-theme=dark] .chart-container,[data-theme=dark] .activity-section,[data-theme=dark] .metrics-section,[data-theme=dark] .performance-section{background:var(--bg-primary);border-color:#ffffff1a}[data-theme=dark] .stat-card{background:var(--bg-secondary)}[data-theme=dark] .activity-item{background:var(--bg-secondary);border-color:#ffffff1a}[data-theme=dark] .file-type-bar{background:var(--bg-tertiary)}[data-theme=dark] .time-range-selector button{background:var(--bg-primary);border-color:var(--primary-blue);color:var(--text-primary)}[data-theme=dark] .time-range-selector button:hover,[data-theme=dark] .time-range-selector button.active{background:var(--primary-blue);color:var(--text-white)}[data-theme=dark] .auto-refresh-toggle{background:var(--bg-primary);border-color:var(--primary-blue);color:var(--text-primary)}[data-theme=dark] .auto-refresh-toggle:hover,[data-theme=dark] .auto-refresh-toggle.active{background:var(--primary-blue);color:var(--text-white)}[data-theme=dark] .update-indicator{background:var(--bg-primary);border-color:#ffffff1a;color:var(--text-muted)}[data-theme=dark] .status-indicator.connected{color:var(--success-green);background:#4caf5033}[data-theme=dark] .status-indicator.disconnected{color:var(--error-red);background:#f4433633}[data-theme=dark] .notification{background:var(--bg-primary);border-color:#ffffff1a}[data-theme=dark] .notification.success{border-left-color:var(--success-green)}[data-theme=dark] .notification.error{border-left-color:var(--error-red)}@media (max-width: 768px){.analytics-page{padding:var(--space-lg) 0}.header-content{flex-direction:column;text-align:center}.header-content>div:first-child{text-align:center}.header-controls{flex-direction:column;gap:var(--space-sm)}.auto-refresh-toggle,.refresh-button{padding:var(--space-sm) var(--space-md);font-size:.875rem}.realtime-notifications{position:fixed;top:80px;right:var(--space-sm);left:var(--space-sm);max-width:none}.notification{padding:var(--space-sm)}.notification-message{font-size:.8rem}.notification-time{font-size:.7rem}.analytics-header h1{font-size:2rem}.analytics-header p{font-size:1rem}.time-range-selector{flex-direction:column;align-items:center}.time-range-selector button{width:200px}.refresh-button{padding:var(--space-sm) var(--space-md);font-size:.875rem}.stats-grid,.performance-grid,.visitor-grid,.demographics-grid{grid-template-columns:1fr}.country-item,.device-item,.browser-item{grid-template-columns:1fr;gap:var(--space-md);text-align:center}.country-bar,.device-bar,.browser-bar{order:2}.country-percentage,.device-percentage,.browser-percentage{order:3;text-align:center}.charts-section{grid-template-columns:1fr}.file-type-item{grid-template-columns:1fr;gap:var(--space-md);text-align:center}.file-type-bar{order:2}.file-type-percentage{order:3;text-align:center}.daily-chart,.hourly-chart{height:150px;gap:1px;overflow-x:auto;padding-bottom:var(--space-sm)}.daily-bar,.hourly-bar{min-width:20px;flex-shrink:0}.daily-label,.hourly-label{font-size:.6rem;transform:rotate(-45deg);white-space:nowrap;margin-top:var(--space-sm)}.activity-item{padding:var(--space-md)}.stat-card,.chart-container{padding:var(--space-lg)}}@media (max-width: 480px){.analytics-header h1{font-size:1.75rem}.stat-value,.stat-icon{font-size:1.5rem}.daily-chart,.hourly-chart{height:120px}.activity-icon{font-size:1.25rem}}.legal-page{min-height:calc(100vh - 200px);background:#fff;padding:60px 0 80px}.legal-container{max-width:800px;margin:0 auto;padding:0 30px}.legal-title{font-size:2.25rem;font-weight:700;color:#1a1a2e;margin:0 0 8px;letter-spacing:-.5px;line-height:1.2}.legal-last-updated{color:#888;font-size:.9rem;margin:0 0 50px;font-weight:400}.legal-content{background:transparent;padding:0}.legal-section{margin-bottom:48px;padding-bottom:32px;border-bottom:1px solid #f0f0f0}.legal-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.legal-section h2{font-size:1.35rem;font-weight:600;color:#1a1a2e;margin:0 0 16px;letter-spacing:-.3px;line-height:1.4}.legal-section h3{font-size:1.1rem;font-weight:600;color:#333;margin:24px 0 12px;letter-spacing:-.2px}.legal-section p{font-size:.95rem;line-height:1.75;color:#555;margin:0 0 16px;font-weight:400}.legal-section ul{margin:16px 0;padding-left:20px;list-style:none}.legal-section li{font-size:.95rem;line-height:1.75;color:#555;margin-bottom:10px;position:relative;padding-left:20px}.legal-section li:before{content:"•";position:absolute;left:0;color:#667eea;font-weight:700;font-size:1.2rem}.legal-section a{color:#667eea;text-decoration:none;transition:color .2s ease;font-weight:500}.legal-section a:hover{color:#764ba2;text-decoration:underline}.legal-section strong{color:#333;font-weight:600}@media (max-width: 768px){.legal-page{padding:40px 0 60px}.legal-container{padding:0 24px}.legal-title{font-size:1.875rem}.legal-last-updated{font-size:.85rem;margin-bottom:40px}.legal-section{margin-bottom:40px;padding-bottom:28px}.legal-section h2{font-size:1.2rem;margin-bottom:14px}.legal-section h3{font-size:1.05rem;margin:20px 0 10px}.legal-section p,.legal-section li{font-size:.9rem;line-height:1.7}}@media (max-width: 480px){.legal-page{padding:32px 0 50px}.legal-container{padding:0 20px}.legal-title{font-size:1.625rem}.legal-last-updated{margin-bottom:32px}.legal-section{margin-bottom:32px;padding-bottom:24px}.legal-section h2{font-size:1.1rem}.legal-section h3{font-size:1rem}}.converter-container{min-height:100vh;background:var(--bg-secondary);padding:var(--space-16) 0;width:100%}.converter-header{text-align:center;margin-bottom:var(--space-16);width:100%;max-width:900px;margin-left:auto;margin-right:auto;padding:0 var(--space-4);animation:fadeIn .6s ease-out}.converter-title{font-size:clamp(2rem,5vw,3rem);font-weight:var(--font-extrabold);margin-bottom:var(--space-4);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.converter-description{font-size:clamp(1rem,2vw,1.25rem);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:0;font-weight:var(--font-normal)}.converter-content-wrapper{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-4);display:flex;gap:var(--space-6);align-items:flex-start}.converter-content{flex:1;min-width:0}@media (max-width: 1024px){.converter-content-wrapper{flex-direction:column}}.file-upload-area{background:var(--bg-elevated)!important;border:2px dashed var(--border-medium)!important;border-radius:var(--radius-2xl)!important;padding:var(--space-12) var(--space-6)!important;text-align:center!important;transition:all var(--transition-base)!important;cursor:pointer!important;position:relative!important;overflow:hidden!important;min-height:320px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;box-shadow:var(--shadow-sm)!important;width:100%!important;max-width:100%!important;margin:0 auto!important}.file-upload-area:before{content:"";position:absolute;inset:0;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-base);pointer-events:none}.file-upload-area:hover{border-color:var(--color-primary-500)!important;background:var(--bg-primary)!important;transform:translateY(-4px)!important;box-shadow:var(--shadow-lg)!important;border-width:2px!important}.file-upload-area:hover:before{opacity:.03}.file-upload-area.dragover{border-color:var(--color-secondary-500)!important;background:var(--bg-primary)!important;transform:scale(1.02)!important;border-width:2px!important;box-shadow:var(--shadow-xl)!important}.file-upload-area.dragover:before{opacity:.05}.file-upload-icon{font-size:clamp(4rem,8vw,6rem);margin-bottom:var(--space-6);opacity:.7;transition:all var(--transition-base);z-index:2;position:relative;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.file-upload-area:hover .file-upload-icon{opacity:1;transform:scale(1.1) translateY(-4px)}.file-upload-text{font-size:clamp(1.25rem,3vw,1.5rem)!important;font-weight:var(--font-bold)!important;color:var(--text-primary)!important;margin-bottom:var(--space-2)!important;text-align:center!important;z-index:2!important;position:relative!important;display:block!important;visibility:visible!important;opacity:1!important}.file-upload-subtext{color:var(--text-secondary)!important;font-size:clamp(.875rem,2vw,1.125rem)!important;font-weight:var(--font-normal)!important;text-align:center!important;z-index:2!important;position:relative!important;display:block!important;visibility:visible!important;opacity:1!important}.file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:10}.file-preview{background:var(--bg-elevated);border-radius:var(--radius-xl);padding:var(--space-6);margin-top:var(--space-6);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);animation:slideUp .4s ease-out}.file-info{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.file-icon{font-size:2.5rem;color:var(--color-primary-600);flex-shrink:0}.file-details h4{margin-bottom:var(--space-1);color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);word-break:break-word}.file-details p{margin:0;color:var(--text-tertiary);font-size:var(--text-sm);font-weight:var(--font-normal)}.image-preview{max-width:200px;max-height:200px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin:var(--space-4) auto;display:block;object-fit:contain}.loading-container{text-align:center;padding:var(--space-12)}.loading-spinner{width:48px;height:48px;border:4px solid var(--border-light);border-top:4px solid var(--color-primary-600);border-radius:var(--radius-full);animation:spin .8s linear infinite;margin:0 auto var(--space-6)}.loading-text{color:var(--text-secondary);font-size:var(--text-lg);font-weight:var(--font-medium)}.convert-btn{background:var(--gradient-primary);color:var(--text-inverse);border:none;border-radius:var(--radius-xl);padding:var(--space-4) var(--space-8);font-size:var(--text-lg);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md);width:100%;margin-top:var(--space-6);min-height:52px;display:flex;align-items:center;justify-content:center;gap:var(--space-2);position:relative;overflow:hidden}.convert-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 100%);opacity:0;transition:opacity var(--transition-base)}.convert-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.convert-btn:hover:not(:disabled):before{opacity:1}.convert-btn:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.convert-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.download-btn{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--gradient-success);color:var(--text-inverse);padding:var(--space-4) var(--space-8);border-radius:var(--radius-xl);text-decoration:none;font-weight:var(--font-semibold);font-size:var(--text-lg);transition:all var(--transition-base);box-shadow:var(--shadow-md);min-height:52px;position:relative;overflow:hidden}.download-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.25) 0%,transparent 100%);opacity:0;transition:opacity var(--transition-base)}.download-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 100%);opacity:0;transition:opacity var(--transition-base)}.download-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);color:var(--text-inverse)}.download-btn:hover:before{opacity:1}.download-btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.success-message{background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-xl);padding:var(--space-6);margin-top:var(--space-6);text-align:center;animation:slideUp .4s ease-out}.success-message h4{color:var(--color-secondary-600);margin-bottom:var(--space-2);font-size:var(--text-lg);font-weight:var(--font-semibold)}.success-message p{color:var(--text-secondary);margin:0;font-size:var(--text-base)}.error-message{background:linear-gradient(135deg,#ef44441a,#ef44440d);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-xl);padding:var(--space-6);margin-top:var(--space-6);text-align:center;animation:slideUp .4s ease-out}.error-message h4{color:var(--color-danger-600);margin-bottom:var(--space-2);font-size:var(--text-lg);font-weight:var(--font-semibold)}.error-message p{color:var(--text-secondary);margin:0;font-size:var(--text-base)}.text-to-pdf-container{display:flex;flex-direction:column;gap:var(--space-8);width:100%}.text-input-area{background:var(--bg-elevated);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);animation:fadeIn .6s ease-out}.text-input-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:2px solid var(--border-light);flex-wrap:wrap;gap:var(--space-4)}.text-input-header h3{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0}.text-stats{display:flex;gap:var(--space-4)}.char-count,.word-count{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);background:var(--bg-tertiary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--border-light)}.text-to-pdf-textarea{width:100%;min-height:300px;padding:var(--space-4);border:1.5px solid var(--border-medium);border-radius:var(--radius-xl);font-size:var(--text-base);line-height:var(--leading-relaxed);font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-primary);resize:vertical;transition:all var(--transition-base);outline:none}.text-to-pdf-textarea:hover:not(:disabled){border-color:var(--color-primary-300)}.text-to-pdf-textarea:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b82f61a;background:var(--bg-primary)}.text-to-pdf-textarea::placeholder{color:var(--text-disabled);font-style:italic}.text-input-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border-light);flex-wrap:wrap;gap:var(--space-4)}.format-options{display:flex;gap:var(--space-4);flex-wrap:wrap}.format-option{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);cursor:pointer}.format-option input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary-600);cursor:pointer}.clear-text-btn{background:var(--bg-tertiary);border:1.5px solid var(--border-medium);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);min-height:40px}.clear-text-btn:hover:not(:disabled){background:linear-gradient(135deg,#ef44441a,#ef44440d);border-color:#ef444466;color:var(--color-danger-600);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.clear-text-btn:disabled{opacity:.5;cursor:not-allowed}.convert-section{display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}.chip-btn{background:var(--color-primary-50);color:var(--color-primary-700);border:1.5px solid var(--color-primary-200);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base);min-height:32px}.chip-btn.active,.chip-btn:hover{background:var(--color-primary-100);border-color:var(--color-primary-400);color:var(--color-primary-900);transform:translateY(-1px);box-shadow:var(--shadow-xs)}.download-section{text-align:center;background:var(--bg-elevated);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);width:100%;max-width:500px;margin:0 auto;animation:slideUp .4s ease-out}.file-list-section{background:var(--bg-elevated);border-radius:var(--radius-2xl);padding:var(--space-6);margin-top:var(--space-8);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);width:100%;max-width:800px;margin-left:auto;margin-right:auto;animation:fadeIn .6s ease-out}.file-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:2px solid var(--border-light);flex-wrap:wrap;gap:var(--space-4)}.file-list-header h3{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0}.clear-all-btn{background:linear-gradient(135deg,#ef44441a,#ef44440d);border:1.5px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-danger-600);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;gap:var(--space-2);min-height:40px}.clear-all-btn:hover:not(:disabled){background:var(--gradient-danger);color:var(--text-inverse);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.clear-all-btn:disabled{opacity:.5;cursor:not-allowed}.file-list{display:flex;flex-direction:column;gap:var(--space-3)}.file-item{display:flex;align-items:center;justify-content:space-between;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-4);transition:all var(--transition-base);gap:var(--space-4)}.file-item:hover{background:var(--bg-secondary);border-color:var(--color-primary-500);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.file-item .file-info{flex:1;margin:0}.file-item .file-icon{font-size:2rem}.remove-file-btn{background:linear-gradient(135deg,#ef44441a,#ef44440d);border:1.5px solid rgba(239,68,68,.3);border-radius:var(--radius-full);width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--color-danger-600);cursor:pointer;transition:all var(--transition-base);font-size:var(--text-lg);font-weight:var(--font-bold);flex-shrink:0}.remove-file-btn:hover:not(:disabled){background:var(--gradient-danger);color:var(--text-inverse);transform:scale(1.1);box-shadow:var(--shadow-sm)}.remove-file-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.converter-container{padding:var(--space-12) 0}.converter-header{margin-bottom:var(--space-12);padding:0 var(--space-4)}.converter-title{font-size:2rem;margin-bottom:var(--space-3)}.converter-description{font-size:1.125rem}.converter-content{padding:0 var(--space-4)}.file-upload-area{padding:var(--space-8) var(--space-4)!important;min-height:280px!important}.file-upload-icon{font-size:4rem;margin-bottom:var(--space-4)}.file-upload-text{font-size:1.25rem!important}.file-upload-subtext{font-size:1rem!important}.text-input-header,.text-input-footer{flex-direction:column;align-items:flex-start}.text-to-pdf-textarea{min-height:250px}.convert-btn{width:100%;padding:var(--space-4) var(--space-6);font-size:var(--text-base)}.file-list-header{flex-direction:column;align-items:flex-start}}@media (max-width: 480px){.converter-container{padding:var(--space-8) 0}.converter-title{font-size:1.75rem}.file-upload-area{padding:var(--space-6) var(--space-4)!important;min-height:240px!important}.file-upload-icon{font-size:3.5rem;margin-bottom:var(--space-3)}.file-upload-text{font-size:1.125rem!important}.file-upload-subtext{font-size:.9rem!important}.file-info{flex-direction:column;text-align:center}.file-item{flex-direction:column;align-items:flex-start}.remove-file-btn{align-self:flex-end}}.convert-btn:focus-visible,.download-btn:focus-visible,.clear-text-btn:focus-visible,.clear-all-btn:focus-visible,.remove-file-btn:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}