@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700;900&family=Rajdhani:wght@300;400;500;600;700&family=Space+Mono:wght@400;700&display=swap";:root{--primary-900: #0a0a0f;--primary-800: #151520;--primary-700: #1a1a2e;--primary-600: #16213e;--primary-500: #0f3460;--primary-400: #005792;--primary-300: #0087d4;--primary-200: #00b4ff;--primary-100: #3dd7ff;--primary-50: #7ee8ff;--accent-900: #2d1b69;--accent-800: #3c2684;--accent-700: #4c31a0;--accent-600: #5d3cbc;--accent-500: #7c3aed;--accent-400: #a855f7;--accent-300: #c084fc;--accent-200: #ddd6fe;--accent-100: #ede9fe;--success-900: #0d2818;--success-800: #1e3a2e;--success-700: #2f5233;--success-600: #22c55e;--success-500: #10b981;--success-400: #34d399;--success-300: #6ee7b7;--success-200: #a7f3d0;--success-100: #d1fae5;--warning-900: #450a0a;--warning-800: #7c2d12;--warning-700: #dc2626;--warning-600: #ef4444;--warning-500: #f87171;--warning-400: #fca5a5;--warning-300: #fecaca;--warning-200: #fee2e2;--warning-100: #fef2f2;--gray-900: #030712;--gray-800: #111827;--gray-700: #1f2937;--gray-600: #374151;--gray-500: #6b7280;--gray-400: #9ca3af;--gray-300: #d1d5db;--gray-200: #e5e7eb;--gray-100: #f3f4f6;--gray-50: #f9fafb;--background: #0a0a0f;--surface: rgba(17, 24, 39, .95);--surface-elevated: rgba(31, 41, 55, .95);--text-primary: #e2e8f0;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-disabled: #64748b;--border: rgba(56, 189, 248, .3);--border-hover: rgba(56, 189, 248, .6);--divider: rgba(148, 163, 184, .1);--interactive-primary: #00b4ff;--interactive-primary-hover: #38bdf8;--interactive-primary-active: #0ea5e9;--interactive-secondary: rgba(31, 41, 55, .8);--interactive-secondary-hover: rgba(55, 65, 81, .9);--interactive-accent: #a855f7;--interactive-accent-hover: #c084fc;--interactive-success: #22c55e;--interactive-success-hover: #16a34a;--font-family-primary: "Orbitron", "Rajdhani", system-ui, sans-serif;--font-family-secondary: "Rajdhani", "Space Mono", system-ui, sans-serif;--font-family-mono: "Space Mono", "Monaco", "Inconsolata", monospace;--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .8rem + .375vw, 1rem);--text-base: clamp(1rem, .9rem + .5vw, 1.125rem);--text-lg: clamp(1.125rem, 1rem + .625vw, 1.25rem);--text-xl: clamp(1.25rem, 1.1rem + .75vw, 1.5rem);--text-2xl: clamp(1.5rem, 1.3rem + 1vw, 1.875rem);--text-3xl: clamp(1.875rem, 1.6rem + 1.375vw, 2.25rem);--text-4xl: clamp(2.25rem, 1.9rem + 1.75vw, 3rem);--text-5xl: clamp(3rem, 2.5rem + 2.5vw, 4rem);--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--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-32: 8rem;--radius-none: 0;--radius-sm: .25rem;--radius-base: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(56, 189, 248, .2);--shadow-base: 0 2px 8px rgba(56, 189, 248, .15), 0 0 15px rgba(124, 58, 237, .1);--shadow-md: 0 4px 12px rgba(56, 189, 248, .2), 0 0 25px rgba(124, 58, 237, .15);--shadow-lg: 0 8px 25px rgba(56, 189, 248, .3), 0 0 40px rgba(124, 58, 237, .2);--shadow-xl: 0 12px 35px rgba(56, 189, 248, .4), 0 0 60px rgba(124, 58, 237, .25);--shadow-2xl: 0 25px 50px rgba(56, 189, 248, .5), 0 0 100px rgba(124, 58, 237, .3);--shadow-inner: inset 0 2px 4px rgba(56, 189, 248, .1);--glow-primary: 0 0 20px rgba(56, 189, 248, .6);--glow-accent: 0 0 20px rgba(124, 58, 237, .6);--glow-success: 0 0 20px rgba(34, 197, 94, .6);--glow-warning: 0 0 20px rgba(239, 68, 68, .6);--transition-fast: .2s cubic-bezier(.25, .46, .45, .94);--transition-base: .3s cubic-bezier(.25, .46, .45, .94);--transition-slow: .5s cubic-bezier(.25, .46, .45, .94);--transition-bounce: .4s cubic-bezier(.68, -.55, .265, 1.55);--z-hide: -1;--z-base: 0;--z-docked: 10;--z-dropdown: 1000;--z-sticky: 1100;--z-banner: 1200;--z-overlay: 1300;--z-modal: 1400;--z-popover: 1500;--z-skipLink: 1600;--z-toast: 1700;--z-tooltip: 1800;--highlight-color: #00b4ff;--highlight-color-hover: #38bdf8;--scan-line-color: rgba(56, 189, 248, .3);--grid-color: rgba(124, 58, 237, .1);--hologram-color: rgba(0, 180, 255, .2)}@media (prefers-color-scheme: dark){:root{--background: #0a0a0f;--surface: rgba(17, 24, 39, .95);--surface-elevated: rgba(31, 41, 55, .95);--text-primary: #e2e8f0;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-disabled: #64748b;--border: rgba(56, 189, 248, .3);--border-hover: rgba(56, 189, 248, .6);--divider: rgba(148, 163, 184, .1)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-family-primary);font-size:var(--text-base);font-weight:var(--font-normal);line-height:1.6;color:var(--text-primary);background:linear-gradient(135deg,#0a0a0f,#151520,#1a1a2e);min-height:100vh;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(56,189,248,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:-2}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,transparent 98%,rgba(56,189,248,.05) 100%);background-size:100% 4px;animation:scan-lines 2s linear infinite;pointer-events:none;z-index:-1}@keyframes scan-lines{0%{transform:translateY(-100vh)}to{transform:translateY(100vh)}}#root{display:flex;flex-direction:column;min-height:100vh;position:relative}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-primary);font-weight:var(--font-bold);line-height:1.2;color:var(--text-primary);margin-bottom:var(--space-4);letter-spacing:.02em;text-shadow:0 0 10px rgba(56,189,248,.3);position:relative}h1{font-size:var(--text-5xl);font-weight:var(--font-extrabold);color:#00b4ff;text-shadow:0 0 20px rgba(0,180,255,.6)}h2{font-size:var(--text-4xl);font-weight:var(--font-bold);color:#38bdf8;text-shadow:0 0 15px rgba(56,189,248,.5)}h3{font-size:var(--text-3xl);font-weight:var(--font-bold);color:#7dd3fc}h4{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:#a855f7;text-shadow:0 0 10px rgba(168,85,247,.4)}h5{font-size:var(--text-xl);font-weight:var(--font-semibold);color:#c084fc}h6{font-size:var(--text-lg);font-weight:var(--font-medium);color:#ddd6fe}p{font-family:var(--font-family-secondary);color:var(--text-secondary);margin-bottom:var(--space-4);line-height:1.7}a{color:var(--interactive-primary);text-decoration:none;transition:all var(--transition-fast);position:relative;text-shadow:0 0 5px rgba(0,180,255,.3)}a:hover{color:var(--interactive-primary-hover);text-shadow:0 0 10px rgba(56,189,248,.6)}a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:linear-gradient(90deg,#00b4ff,#7c3aed);transition:width var(--transition-fast)}a:hover:after{width:100%}a:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:2px;border-radius:var(--radius-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-family-primary);font-weight:var(--font-medium);font-size:var(--text-sm);line-height:1;text-decoration:none;white-space:nowrap;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.05em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left var(--transition-base)}.btn:hover:before{left:100%}.btn:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:2px}.btn:disabled{pointer-events:none;opacity:.6}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.btn-base{padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}.btn-lg{padding:var(--space-4) var(--space-6);font-size:var(--text-base)}.btn-xl{padding:var(--space-5) var(--space-8);font-size:var(--text-lg)}.btn-primary{background:linear-gradient(135deg,#00b4ff,#0ea5e9);color:#0a0a0f;border:1px solid #00b4ff;box-shadow:var(--glow-primary);font-weight:var(--font-bold)}.btn-primary:hover{background:linear-gradient(135deg,#38bdf8,#0284c7);box-shadow:var(--glow-primary),0 0 30px #00b4ff66;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0);box-shadow:var(--glow-primary)}.btn-secondary{background:#1f2937cc;color:var(--text-primary);border:1px solid rgba(56,189,248,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#374151e6;border-color:#38bdf899;box-shadow:0 0 20px #38bdf833;transform:translateY(-1px)}.btn-accent{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff;border:1px solid #a855f7;box-shadow:var(--glow-accent)}.btn-accent:hover{background:linear-gradient(135deg,#c084fc,#8b5cf6);box-shadow:var(--glow-accent),0 0 30px #a855f766;transform:translateY(-2px)}.btn-success{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:1px solid #22c55e;box-shadow:var(--glow-success)}.btn-success:hover{background:linear-gradient(135deg,#34d399,#059669);box-shadow:var(--glow-success),0 0 30px #22c55e66;transform:translateY(-2px)}.btn-ghost{background-color:transparent;color:var(--text-primary);border-color:transparent}.btn-ghost:hover{background-color:var(--interactive-secondary);color:var(--text-primary)}.btn-outline{background-color:transparent;color:var(--interactive-primary);border-color:var(--interactive-primary)}.btn-outline:hover{background-color:var(--interactive-primary);color:#fff}input,textarea,select{font-family:var(--font-family-secondary);font-size:var(--text-sm);line-height:1.5;color:var(--text-primary);background:#111827cc;border:1px solid rgba(56,189,248,.3);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast);width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}input:focus,textarea:focus,select:focus{outline:none;border-color:#00b4ff;box-shadow:0 0 0 2px #00b4ff33,var(--glow-primary);background:#111827f2}input:disabled,textarea:disabled,select:disabled{opacity:.5;cursor:not-allowed;background:#11182780;border-color:#38bdf81a}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.container-sm{max-width:640px}.container-md{max-width:768px}.container-lg{max-width:1024px}.container-xl{max-width:1280px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.focus-ring{transition:box-shadow var(--transition-fast)}.focus-ring:focus-visible{outline:none;box-shadow:0 0 0 3px #4299e180}@media (max-width: 640px){:root{--space-4: .75rem;--space-6: 1.25rem;--space-8: 1.75rem}.container{padding:0 var(--space-3)}}@media (max-width: 480px){html{font-size:14px}}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}.btn{border:1px solid #000;background:transparent;color:#000}.holographic,.neon-border,.cyber-glow{border:1px solid #000;box-shadow:none}}@media (prefers-reduced-motion: reduce){.glitch,.neon-border,.cyber-pulse,.cyber-float,.cyber-loading:after,.screen-distort:after,body:after{animation:none}.holographic:before{transition:none}}@media (prefers-contrast: high){:root{--text-primary: #ffffff;--text-secondary: #e5e7eb;--border: #00b4ff;--interactive-primary: #ffffff;--interactive-primary-hover: #e5e7eb}}.skip-nav{position:absolute;top:-40px;left:6px;background:var(--interactive-primary);color:var(--primary-900);padding:8px;text-decoration:none;border-radius:var(--radius-md);font-weight:var(--font-bold);font-size:var(--text-sm);z-index:var(--z-skipLink);transition:top var(--transition-fast)}.skip-nav:focus{top:6px}*:focus-visible{outline:3px solid var(--interactive-primary);outline-offset:2px;border-radius:var(--radius-sm)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--interactive-primary);outline-offset:3px;box-shadow:0 0 0 6px #00b4ff33}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:focus{position:static;width:auto;height:auto;padding:inherit;margin:inherit;overflow:visible;clip:auto;white-space:normal}:root{--text-contrast-primary: #ffffff;--text-contrast-secondary: #f1f5f9;--text-contrast-muted: #cbd5e1;--link-contrast: #60a5fa;--focus-ring-color: #3b82f6}@media (prefers-contrast: high){:root{--text-primary: #ffffff;--text-secondary: #ffffff;--text-muted: #e5e7eb;--interactive-primary: #ffffff;--interactive-primary-hover: #e5e7eb;--border: #ffffff;--focus-ring-color: #ffffff}.btn{border:2px solid currentColor}.card,.modal,.form-field{border:2px solid var(--border)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}body:before,body:after,.floating-accent,.glitch,.neon-border,.cyber-pulse,.cyber-float,.scan-lines{animation:none!important}.holographic:before{transition:none!important}}@media (min-resolution: 192dpi){html{font-size:18px}}@media (prefers-reduced-data){body:before,body:after,.floating-accent{display:none}.shadow-lg,.shadow-xl,.shadow-2xl{box-shadow:var(--shadow-sm)}}.keyboard-nav button:focus,.keyboard-nav a:focus{background:#00b4ff1a;transform:scale(1.02)}.btn:focus-visible{outline:3px solid var(--focus-ring-color);outline-offset:2px;box-shadow:0 0 0 6px #3b82f64d,var(--glow-primary)}.card:focus-within{outline:2px solid var(--focus-ring-color);outline-offset:2px}a:not(.btn){text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}a:not(.btn):hover{text-decoration-thickness:2px}a:not(.btn):focus-visible{text-decoration:none;background:#00b4ff1a;padding:2px 4px;margin:-2px -4px;border-radius:var(--radius-sm)}label{font-weight:var(--font-semibold);margin-bottom:var(--space-2);display:block;color:var(--text-primary)}input[type=text],input[type=email],input[type=password],input[type=number],textarea,select{border-width:2px;min-height:48px}input:invalid{border-color:var(--warning-500);box-shadow:0 0 0 3px #ef444433}input:invalid:focus{outline-color:var(--warning-500)}.error-message{color:var(--warning-400);font-size:var(--text-sm);margin-top:var(--space-2);display:flex;align-items:center;gap:var(--space-2)}.error-message:before{content:"⚠";font-size:var(--text-base)}.success-message{color:var(--success-400);font-size:var(--text-sm);margin-top:var(--space-2);display:flex;align-items:center;gap:var(--space-2)}.success-message:before{content:"✓";font-size:var(--text-base)}.loading{position:relative}.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid transparent;border-top:2px solid var(--interactive-primary);border-radius:50%;animation:spin 1s linear infinite}.loading[aria-label]:after{-webkit-user-select:none;user-select:none;pointer-events:none}button,a,input,select,textarea{min-height:44px;min-width:44px}ul[role=list],ol[role=list]{list-style:none;padding:0}table{border-collapse:collapse;width:100%}th{text-align:left;font-weight:var(--font-bold);border-bottom:2px solid var(--border);padding:var(--space-3)}td{border-bottom:1px solid var(--divider);padding:var(--space-3)}img{max-width:100%;height:auto}img:not([alt]){outline:2px solid var(--warning-500)}.modal{outline:none}.modal-backdrop{background:#000c}main{outline:none}nav{outline:none}.status-message{padding:var(--space-4);border-radius:var(--radius-md);margin:var(--space-4) 0;border-left:4px solid}.status-message.info{background:#3b82f61a;border-color:var(--interactive-primary);color:var(--text-primary)}.status-message.warning{background:#ef44441a;border-color:var(--warning-500);color:var(--text-primary)}.status-message.success{background:#22c55e1a;border-color:var(--success-500);color:var(--text-primary)}.tooltip{position:relative}.tooltip[aria-describedby]:after{content:attr(aria-label);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--gray-800);color:var(--text-primary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-fast);z-index:var(--z-tooltip)}.tooltip:hover:after,.tooltip:focus:after{opacity:1}@media print{.skip-nav,.floating-accent,.cyberpunk-effects{display:none!important}a:after{content:" (" attr(href) ")";font-size:.8em;color:#666}abbr[title]:after{content:" (" attr(title) ")"}}.app-container{display:flex;flex-direction:column;min-height:100vh;position:relative;background:linear-gradient(135deg,#0a0a0f,#151520,#1a1a2e);overflow:hidden}.app-container:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(56,189,248,.03) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(124,58,237,.03) 0%,transparent 50%);pointer-events:none;z-index:1}.content{flex:1;display:flex;flex-direction:column;position:relative;z-index:2}.main-content{flex:1;padding:var(--space-6) 0;position:relative}.section{padding:var(--space-12) 0;position:relative}.section:before{content:"";position:absolute;top:0;left:50%;width:1px;height:100%;background:linear-gradient(to bottom,transparent 0%,rgba(56,189,248,.2) 50%,transparent 100%);transform:translate(-50%);pointer-events:none}.section:first-child{padding-top:var(--space-8)}.section:last-child{padding-bottom:var(--space-8)}.full-width{width:100vw;margin-left:calc(-50vw + 50%);position:relative}.sticky-header{position:sticky;top:0;z-index:var(--z-sticky);background:#111827f2;border-bottom:1px solid rgba(56,189,248,.3);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 20px #0000004d}.sticky-header:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,#00b4ff,transparent);animation:pulse-glow 2s ease-in-out infinite alternate}@keyframes pulse-glow{0%{opacity:.3}to{opacity:1}}.scroll-section{scroll-margin-top:var(--space-20)}.floating-accent{position:absolute;width:2px;height:2px;background:#00b4ff;border-radius:50%;box-shadow:0 0 10px #00b4ff;animation:float-particle 8s ease-in-out infinite}.floating-accent:nth-child(2n){background:#a855f7;box-shadow:0 0 10px #a855f7;animation-delay:-2s;animation-duration:10s}.floating-accent:nth-child(3n){background:#22c55e;box-shadow:0 0 10px #22c55e;animation-delay:-4s;animation-duration:12s}@keyframes float-particle{0%,to{transform:translateY(0) translate(0);opacity:0}50%{transform:translateY(-100px) translate(50px);opacity:1}}.skip-nav{position:absolute;top:-40px;left:6px;background:var(--interactive-primary);color:var(--primary-900);padding:var(--space-2) var(--space-4);text-decoration:none;border-radius:var(--radius-md);font-weight:var(--font-bold);font-size:var(--text-sm);z-index:var(--z-skipLink);transition:top var(--transition-fast);box-shadow:var(--glow-primary)}.skip-nav:focus{top:6px;outline:3px solid var(--focus-ring-color);outline-offset:2px}main[tabindex="-1"]:focus{outline:none}nav[role=navigation]{outline:none}main[role=main]{outline:none}footer[role=contentinfo]{outline:none}.section:focus-within{outline:2px solid rgba(56,189,248,.3);outline-offset:4px;border-radius:var(--radius-lg)}.live-region{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.announcement{background:linear-gradient(135deg,var(--interactive-primary),var(--interactive-accent));color:var(--primary-900);padding:var(--space-3);text-align:center;font-weight:var(--font-semibold);position:relative;z-index:var(--z-banner)}.error-boundary{background:#ef44441a;border:2px solid var(--warning-500);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;margin:var(--space-8) 0}.error-boundary h2{color:var(--warning-400);margin-bottom:var(--space-4)}.error-boundary p{color:var(--text-secondary);margin-bottom:var(--space-6)}.loading-container{display:flex;justify-content:center;align-items:center;min-height:200px;flex-direction:column;gap:var(--space-4)}.loading-spinner{width:40px;height:40px;border:4px solid rgba(56,189,248,.2);border-top:4px solid var(--interactive-primary);border-radius:50%;animation:spin 1s linear infinite;box-shadow:var(--glow-primary)}.loading-text{color:var(--text-secondary);font-size:var(--text-lg);font-weight:var(--font-medium)}.status-region[aria-live=polite],.alert-region[aria-live=assertive]{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}@media (max-width: 768px){.skip-nav{font-size:var(--text-xs);padding:var(--space-1) var(--space-3)}button,a,input,select{min-height:48px;min-width:48px}}@media (max-width: 480px){button,a,input,select{min-height:52px}.section:focus-within{outline-offset:2px}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-800) 50%,var(--accent-600) 100%);overflow:hidden;padding:var(--space-8) 0;overflow-x:hidden;box-sizing:border-box}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(255,255,255,.05) 0%,transparent 50%);z-index:1}.hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.1) 100%);z-index:2}.hero-content{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--space-12);max-width:1200px;margin:0 auto;padding:0 var(--space-6);position:relative;z-index:3;box-sizing:border-box}.hero-text{max-width:600px;box-sizing:border-box}.hero h1{font-family:var(--font-family-primary);font-size:var(--text-5xl);font-weight:var(--font-extrabold);color:#fff;margin-bottom:var(--space-4);line-height:1.1;letter-spacing:-.02em;text-shadow:0 4px 8px rgba(0,0,0,.2);word-break:break-word}.hero-subtitle{font-family:var(--font-family-secondary);font-size:var(--text-xl);color:#ffffffe6;margin-bottom:var(--space-8);line-height:1.6;font-weight:var(--font-normal);word-break:break-word}.hero-actions{display:flex;gap:var(--space-4);align-items:center;flex-wrap:wrap}.chat-btn{display:inline-flex;align-items:center;gap:var(--space-3);background:linear-gradient(135deg,var(--accent-400) 0%,var(--accent-500) 100%);color:var(--gray-900);border:none;padding:var(--space-4) var(--space-8);font-family:var(--font-family-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);box-shadow:0 4px 12px #00000026;position:relative;overflow:hidden}.chat-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-slow)}.chat-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000040;background:linear-gradient(135deg,var(--accent-300) 0%,var(--accent-400) 100%)}.chat-btn:hover:before{left:100%}.chat-btn:active{transform:translateY(0);box-shadow:0 4px 12px #00000026}.chat-btn:after{content:"🐕";font-size:var(--text-base)}.hero-stats{display:flex;gap:var(--space-6);margin-top:var(--space-6)}.stat-item{text-align:center}.stat-number{display:block;font-family:var(--font-family-primary);font-size:var(--text-2xl);font-weight:var(--font-extrabold);color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.stat-label{font-family:var(--font-family-secondary);font-size:var(--text-sm);color:#fffc;font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.05em}.tennis-ball-container{position:relative;width:120px;height:400px;display:flex;align-items:flex-end;justify-content:center}.tennis-ball{width:60px;height:60px;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%2069.447%2069.447'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='tennis_ball'%20data-name='tennis%20ball'%20transform='translate(-1271.769%20-1574.648)'%3e%3cpath%20id='Path_85'%20data-name='Path%2085'%20d='M1341.208,1609.372a34.719,34.719,0,1,1-34.72-34.724A34.724,34.724,0,0,1,1341.208,1609.372Z'%20fill='%23b9d613'/%3e%3cpath%20id='Path_86'%20data-name='Path%2086'%20d='M1311.144,1574.993a35.139,35.139,0,0,0-4.61-.344,41.069,41.069,0,0,1-34.369,29.735,34.3,34.3,0,0,0-.381,4.635l.183-.026a45.921,45.921,0,0,0,39.149-33.881Zm29.721,34.692a45.487,45.487,0,0,0-33.488,34.054l-.071.313a34.54,34.54,0,0,0,4.818-.455,41.218,41.218,0,0,1,28.686-29.194,36.059,36.059,0,0,0,.388-4.8Z'%20fill='%23f7f7f7'/%3e%3c/g%3e%3c/svg%3e");background-size:contain;background-repeat:no-repeat;animation:refined-bounce 4s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}@keyframes refined-bounce{0%,to{transform:translateY(0) rotate(0) scale(1)}25%{transform:translateY(-150px) rotate(90deg) scale(.95)}50%{transform:translateY(-200px) rotate(180deg) scale(.9)}75%{transform:translateY(-100px) rotate(270deg) scale(.95)}}.floating-elements{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:2}.floating-paw{position:absolute;font-size:var(--text-4xl);opacity:.1;animation:float-rotate 8s ease-in-out infinite}.floating-paw:nth-child(1){top:20%;left:10%;animation-delay:0s}.floating-paw:nth-child(2){top:60%;right:15%;animation-delay:2s;animation-duration:10s}.floating-paw:nth-child(3){bottom:30%;left:20%;animation-delay:4s;animation-duration:12s}@keyframes float-rotate{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(120deg)}66%{transform:translateY(10px) rotate(240deg)}}@media (max-width: 1024px){.hero-content{grid-template-columns:1fr;text-align:center;gap:var(--space-8)}.tennis-ball-container{order:-1;height:200px}.tennis-ball{width:50px;height:50px}@keyframes refined-bounce{0%,to{transform:translateY(0) rotate(0) scale(1)}50%{transform:translateY(-80px) rotate(180deg) scale(.9)}}}@media (max-width: 768px){.hero{min-height:90vh;padding:var(--space-6) 0}.hero-content{padding:0 var(--space-4);gap:var(--space-6);max-width:98vw;margin:0 auto}.hero h1{font-size:var(--text-4xl)}.hero-subtitle{font-size:var(--text-lg);margin-bottom:var(--space-6)}.chat-btn{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.hero-stats{gap:var(--space-4);justify-content:center}.stat-number{font-size:var(--text-xl)}.tennis-ball-container{height:150px}.floating-paw{font-size:var(--text-2xl)}}@media (max-width: 480px){.hero{min-height:80vh}.hero h1{font-size:var(--text-3xl);margin-bottom:var(--space-3)}.hero-subtitle{font-size:var(--text-base);margin-bottom:var(--space-4)}.hero-actions{flex-direction:column;align-items:stretch}.chat-btn{padding:var(--space-3) var(--space-4)}.hero-stats{flex-direction:column;gap:var(--space-2);margin-top:var(--space-4)}.stat-item{display:flex;justify-content:space-between;align-items:center}.tennis-ball-container,.floating-elements{display:none}}.navbar{position:sticky;top:0;z-index:var(--z-sticky);display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);background-color:#a5dc5455;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);transition:all var(--transition-base);box-sizing:border-box;overflow-x:hidden}.navbar:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--primary-50) 0%,var(--accent-50) 100%);opacity:.6;z-index:-1}.logo{display:flex;align-items:center;gap:var(--space-3)}.logo a{font-family:var(--font-family-primary);font-size:var(--text-2xl);font-weight:var(--font-extrabold);color:var(--primary-700);text-decoration:none;letter-spacing:-.02em;transition:all var(--transition-fast);position:relative}.logo a:before{content:"🐾";margin-right:var(--space-2);font-size:var(--text-lg);opacity:.8}.logo a:hover{color:var(--primary-600);transform:translateY(-1px)}#typewriter-container{overflow:hidden}#typewriter-text{display:inline-block;border-right:2px solid var(--primary-600);white-space:nowrap;overflow:hidden;animation:typing 3s steps(15) forwards,blink 1s step-end infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{0%,50%{border-color:var(--primary-600)}51%,to{border-color:transparent}}.nav-links{display:flex;align-items:center;gap:var(--space-8);box-sizing:border-box}.nav-links a{font-family:var(--font-family-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);text-decoration:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:all var(--transition-fast);position:relative;overflow:hidden}.nav-links a:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--primary-100),transparent);transition:left var(--transition-base)}.nav-links a:hover{color:var(--primary-700);background-color:var(--primary-50);transform:translateY(-1px)}.nav-links a:hover:before{left:100%}.nav-links a:focus-visible{outline:2px solid var(--primary-600);outline-offset:2px}@media (max-width: 768px){.navbar{padding:var(--space-3) var(--space-4);flex-wrap:wrap;gap:var(--space-4)}.logo a{font-size:var(--text-xl)}.nav-links{gap:var(--space-4);order:3;width:100%;justify-content:center;padding-top:var(--space-3);border-top:1px solid var(--border)}.nav-links a{font-size:var(--text-xs);padding:var(--space-2)}}@media (max-width: 480px){.navbar{padding:var(--space-2) var(--space-3)}.logo a{font-size:var(--text-lg)}.nav-links{gap:var(--space-2);flex-direction:column;align-items:stretch;width:100%;padding-top:var(--space-2);border-top:1px solid var(--border)}#typewriter-text{animation:none;border-right:none}}.card{background:var(--surface);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--border);transition:all var(--transition-base);display:flex;flex-direction:column;width:100%;max-width:380px;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-500),var(--accent-500),var(--success-500));border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;opacity:0;transition:opacity var(--transition-fast)}.card:hover{transform:translateY(-8px);box-shadow:var(--shadow-2xl);border-color:var(--primary-200)}.card:hover:before{opacity:1}.card-image{position:relative;width:100%;height:240px;overflow:hidden;background:linear-gradient(135deg,var(--gray-100),var(--gray-200))}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.card:hover .card-image img{transform:scale(1.05)}.no-card-image{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,var(--gray-100) 0%,var(--gray-200) 100%);font-size:var(--text-5xl);color:var(--gray-400)}.card-image .favorite-btn{position:absolute;top:var(--space-4);right:var(--space-4);background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;border-radius:var(--radius-full);width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-md)}.card-image .favorite-btn:hover{background:#fff;transform:scale(1.1);box-shadow:var(--shadow-lg)}.card-image .favorite-btn.favorited{background:var(--warning-500);color:#fff}.card-content{padding:var(--space-6);flex:1;display:flex;flex-direction:column;gap:var(--space-3)}.card-title{font-family:var(--font-family-primary);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0;line-height:1.3;letter-spacing:-.02em}.card-description{font-family:var(--font-family-secondary);font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin:var(--space-4) 0}.card-meta-item{display:flex;flex-direction:column;gap:var(--space-1)}.card-meta-label{font-family:var(--font-family-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.card-meta-value{font-family:var(--font-family-primary);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.card-actions{display:flex;gap:var(--space-3);margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--divider)}.card-button{flex:1;background:linear-gradient(135deg,var(--primary-600),var(--primary-700));color:#fff;border:none;border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);font-family:var(--font-family-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.card-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-base)}.card-button:hover{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));transform:translateY(-1px);box-shadow:var(--shadow-md)}.card-button:hover:before{left:100%}.card-button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.card-button.details-btn{background:transparent;color:var(--primary-600);border:1px solid var(--primary-200)}.card-button.details-btn:hover{background:var(--primary-50);border-color:var(--primary-300);color:var(--primary-700)}.card-details{padding:var(--space-4);background:var(--gray-50);border-top:1px solid var(--divider);animation:slideDown var(--transition-base) ease-out}@keyframes slideDown{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:500px;padding-top:var(--space-4);padding-bottom:var(--space-4)}}.card-details p{font-family:var(--font-family-secondary);font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-3);line-height:1.5}.card-details p:last-child{margin-bottom:0}.card-details strong{font-weight:var(--font-semibold);color:var(--primary-700)}.card-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-4) 0}.card-tags span{background:linear-gradient(135deg,var(--accent-200),var(--accent-300));color:var(--accent-900);font-family:var(--font-family-secondary);font-size:var(--text-xs);font-weight:var(--font-medium);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--accent-400);text-transform:capitalize}.card-status{position:absolute;top:var(--space-4);left:var(--space-4);background:var(--success-500);color:#fff;font-family:var(--font-family-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-md)}.card-status.adopted{background:var(--gray-500)}.card-status.pending{background:var(--warning-500)}.card.loading{opacity:.7;pointer-events:none}.card.loading .card-content{animation:pulse 2s infinite}@media (max-width: 768px){.card{max-width:100%}.card-content{padding:var(--space-4)}.card-image{height:200px}.card-meta{grid-template-columns:1fr;gap:var(--space-2)}.card-actions{flex-direction:column}.card-button{padding:var(--space-3)}}@media (max-width: 480px){.card-content{padding:var(--space-3)}.card-image{height:180px}.card-title{font-size:var(--text-lg)}.card-description{font-size:var(--text-xs)}}@media (prefers-reduced-motion: reduce){.card,.card-image img,.card-button{transition:none}.card:hover,.card:hover .card-image img{transform:none}.card-details{animation:none}}.card:focus-within{outline:2px solid var(--primary-600);outline-offset:2px}.card-button:focus-visible{outline:2px solid var(--primary-600);outline-offset:2px}.favorite-btn{background-color:#ffd24b00;outline:none;border:none;font-size:clamp(1em,10vw,2.1em);border-radius:5px;cursor:pointer;box-shadow:0 0 #0000001a;transition:ease-in .1s}.favorite-btn:hover{transform:rotate(25deg);color:#000}.favorited{color:var(--highlight-color);transition:color .3s ease}.filter-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-6);padding:var(--space-8);background:#111827cc;border:2px solid var(--primary-200);border-radius:var(--radius-2xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden;box-shadow:0 15px 40px #0006,0 0 25px #00b4ff33,inset 0 0 20px #00b4ff0d}.filter-container:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-200),var(--accent-400),var(--success-400));border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;animation:filter-header-pulse 3s ease-in-out infinite}.filter-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,180,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,180,255,.03) 1px,transparent 1px);background-size:25px 25px;pointer-events:none;border-radius:var(--radius-2xl);animation:filter-grid-scan 15s linear infinite}@keyframes filter-header-pulse{0%,to{opacity:.8}50%{opacity:1}}.filter-container label{display:flex;flex-direction:column;gap:var(--space-3);font-family:var(--font-family-mono);font-size:var(--text-sm);font-weight:600;color:var(--accent-300);text-transform:uppercase;letter-spacing:.1em;position:relative;z-index:1}.filter-container label:before{content:"▶";color:var(--primary-200);font-size:var(--text-xs);margin-right:var(--space-2);animation:label-blink 2s ease-in-out infinite}@keyframes label-blink{0%,50%{opacity:1}51%,to{opacity:.3}}.filter-container select{padding:var(--space-4) var(--space-5);font-family:var(--font-family-secondary);font-size:var(--text-base);font-weight:500;color:var(--text-primary);background:#111827e6;border:2px solid var(--border);border-radius:var(--radius-lg);outline:none;transition:all var(--transition-base);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 10px #00b4ff0d}.filter-container select:hover{border-color:var(--border-hover);background:#111827f2;box-shadow:inset 0 0 15px #00b4ff1a,0 0 10px #00b4ff33}.filter-container select:focus{border-color:var(--primary-200);background:#111827;box-shadow:0 0 20px #00b4ff4d,inset 0 0 20px #00b4ff1a;transform:translateY(-2px);text-shadow:0 0 10px rgba(0,180,255,.3)}.filter-container select option{background:#111827f2;color:var(--text-primary);padding:var(--space-2);border:none}.filter-container select option:hover{background:#00b4ff33}.filter-container label{animation:filter-field-entry .6s ease-out;animation-fill-mode:both}.filter-container label:nth-child(1){animation-delay:.1s}.filter-container label:nth-child(2){animation-delay:.2s}.filter-container label:nth-child(3){animation-delay:.3s}.filter-container label:nth-child(4){animation-delay:.4s}.filter-container label:nth-child(5){animation-delay:.5s}.filter-container label:nth-child(6){animation-delay:.6s}@keyframes filter-field-entry{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.filter-container{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-4);padding:var(--space-6)}.filter-container select{padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}}@media (max-width: 480px){.filter-container{grid-template-columns:1fr;gap:var(--space-4);padding:var(--space-4)}.filter-container label{font-size:var(--text-xs)}}.results-container{min-height:100vh;background:linear-gradient(135deg,var(--background) 0%,var(--primary-900) 30%,var(--accent-900) 100%);padding:var(--space-8) 0;position:relative;overflow:hidden}.results-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(0,180,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(0,180,255,.08) 1px,transparent 1px);background-size:60px 60px;animation:results-grid-scan 30s linear infinite;z-index:0}.results-container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 25% 25%,rgba(0,180,255,.1) 0%,transparent 70%),radial-gradient(circle at 75% 75%,rgba(168,85,247,.1) 0%,transparent 70%),radial-gradient(circle at 50% 50%,rgba(34,197,94,.05) 0%,transparent 80%);animation:results-neural-drift 25s ease-in-out infinite;z-index:0}@keyframes results-grid-scan{0%{transform:translate(0);opacity:.4}50%{transform:translate(-30px,-30px);opacity:.7}to{transform:translate(0);opacity:.4}}@keyframes results-neural-drift{0%,to{transform:rotate(0) scale(1);opacity:.3}33%{transform:rotate(1deg) scale(1.05);opacity:.5}66%{transform:rotate(-1deg) scale(.95);opacity:.4}}.results-content{max-width:1400px;margin:0 auto;padding:0 var(--space-6);position:relative;z-index:1}.results-header{text-align:center;margin-bottom:var(--space-12);padding:var(--space-8) 0;position:relative}.results-header:before{content:"";position:absolute;top:0;left:50%;width:200px;height:3px;background:linear-gradient(90deg,transparent,var(--primary-200),transparent);transform:translate(-50%);border-radius:var(--radius-full);animation:header-pulse 3s ease-in-out infinite}@keyframes header-pulse{0%,to{width:200px;opacity:.5}50%{width:300px;opacity:1}}.results-container h2{font-family:var(--font-family-primary);font-size:var(--text-5xl);font-weight:900;color:var(--primary-200);margin-bottom:var(--space-6);letter-spacing:-.02em;position:relative;text-transform:uppercase;text-shadow:0 0 20px rgba(0,180,255,.5),0 0 40px rgba(0,180,255,.3);animation:title-neural-glow 4s ease-in-out infinite}@keyframes title-neural-glow{0%,to{text-shadow:0 0 20px rgba(0,180,255,.5),0 0 40px rgba(0,180,255,.3)}50%{text-shadow:0 0 30px rgba(0,180,255,.7),0 0 60px rgba(0,180,255,.5)}}.results-subtitle{font-family:var(--font-family-secondary);font-size:var(--text-lg);color:var(--text-secondary);margin-top:var(--space-6);text-align:center;opacity:.8}.filters-section{background:#111827cc;border:2px solid var(--primary-200);border-radius:var(--radius-2xl);padding:var(--space-8);margin-bottom:var(--space-12);box-shadow:0 20px 50px #00000080,0 0 30px #00b4ff33,inset 0 0 20px #00b4ff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.filters-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-200),var(--accent-400),var(--success-400));border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.filters-section:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,180,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,180,255,.03) 1px,transparent 1px);background-size:25px 25px;pointer-events:none;border-radius:var(--radius-2xl);animation:filter-grid-scan 12s linear infinite}@keyframes filter-grid-scan{0%{transform:translate(0)}to{transform:translate(-25px,-25px)}}.cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-10);padding:var(--space-8) 0;justify-items:center;position:relative}.cards-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(0,180,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,180,255,.02) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;animation:cards-grid-scan 30s linear infinite}@keyframes cards-grid-scan{0%{transform:translate(0);opacity:.3}50%{transform:translate(-20px,-20px);opacity:.5}to{transform:translate(0);opacity:.3}}.no-results{grid-column:1 / -1;text-align:center;padding:var(--space-20) var(--space-12);background:#111827cc;border:2px solid var(--primary-200);border-radius:var(--radius-2xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden;box-shadow:0 15px 40px #0006,0 0 25px #00b4ff33,inset 0 0 20px #00b4ff0d}.no-results:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-200),var(--accent-400));border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.no-results h3{font-family:var(--font-family-primary);font-size:var(--text-3xl);font-weight:700;color:var(--primary-200);margin-bottom:var(--space-6);text-transform:uppercase;text-shadow:0 0 15px rgba(0,180,255,.4);letter-spacing:.05em}.no-results p{font-family:var(--font-family-secondary);font-size:var(--text-lg);color:var(--text-secondary);opacity:.8}.no-results:after{content:"⚡";font-size:var(--text-5xl);display:block;margin-top:var(--space-4);opacity:.5;filter:drop-shadow(0 0 10px rgba(0,180,255,.3))}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-4);margin-top:var(--space-12);padding:var(--space-8) 0}.pagination button{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-6);font-family:var(--font-family-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.pagination button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--primary-100),transparent);transition:left var(--transition-base)}.pagination button:hover:not(:disabled){background:var(--primary-50);border-color:var(--primary-300);color:var(--primary-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.pagination button:hover:before{left:100%}.pagination button:disabled{opacity:.5;cursor:not-allowed;background:var(--gray-100);color:var(--text-disabled)}.pagination button:disabled:hover{transform:none;box-shadow:none}.pagination span{font-family:var(--font-family-primary);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-primary);padding:0 var(--space-4)}.results-loading{display:flex;justify-content:center;align-items:center;min-height:400px;flex-direction:column;gap:var(--space-4)}.results-loading:before{content:"";width:40px;height:40px;border:4px solid var(--primary-200);border-top:4px solid var(--primary-600);border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 1200px){.cards-container{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-6)}}@media (max-width: 768px){.results-content{padding:0 var(--space-4)}.results-container h2{font-size:var(--text-3xl)}.cards-container{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.filters-section{padding:var(--space-4);border-radius:var(--radius-xl)}.pagination{flex-wrap:wrap;gap:var(--space-2)}.pagination button{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}}@media (max-width: 480px){.cards-container{grid-template-columns:1fr;gap:var(--space-3)}.results-header{padding:var(--space-4) 0}.pagination{flex-direction:column;gap:var(--space-3)}}.search-bar{display:flex;justify-content:center;margin:var(--space-8) auto;padding:var(--space-6);position:relative;max-width:600px}.search-bar:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 40%,rgba(0,180,255,.1) 0%,transparent 70%),radial-gradient(circle at 70% 60%,rgba(168,85,247,.1) 0%,transparent 70%);border-radius:var(--radius-2xl);animation:search-aura 8s ease-in-out infinite}@keyframes search-aura{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.search-bar input{width:100%;max-width:500px;padding:var(--space-5) var(--space-8);font-family:var(--font-family-secondary);font-size:var(--text-lg);font-weight:500;color:var(--text-primary);background:#111827cc;border:2px solid var(--primary-200);border-radius:var(--radius-2xl);outline:none;transition:all var(--transition-base);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 10px 30px #0000004d,inset 0 0 20px #00b4ff0d;position:relative;z-index:1}.search-bar input::placeholder{color:var(--text-muted);font-style:italic;opacity:.7}.search-bar input:focus{border-color:var(--primary-100);background:#111827f2;box-shadow:0 15px 40px #0006,0 0 30px #00b4ff4d,inset 0 0 25px #00b4ff1a;transform:translateY(-3px) scale(1.02);text-shadow:0 0 10px rgba(0,180,255,.3)}.search-bar input:hover{border-color:var(--border-hover);box-shadow:0 12px 35px #00000059,0 0 20px #00b4ff33,inset 0 0 15px #00b4ff0d;transform:translateY(-2px)}.search-bar:after{content:"";position:absolute;top:50%;left:var(--space-8);right:var(--space-8);height:2px;background:linear-gradient(90deg,transparent,var(--primary-200),transparent);border-radius:var(--radius-full);transform:translateY(-50%);animation:neural-search-scan 3s ease-in-out infinite;opacity:0;pointer-events:none;z-index:2}.search-bar:focus-within:after{opacity:1}@keyframes neural-search-scan{0%{transform:translateY(-50%) scaleX(0);opacity:0}50%{transform:translateY(-50%) scaleX(1);opacity:1}to{transform:translateY(-50%) scaleX(0);opacity:0}}@media (max-width: 768px){.search-bar{margin:var(--space-6) auto;padding:var(--space-4);max-width:90%}.search-bar input{padding:var(--space-4) var(--space-6);font-size:var(--text-base)}}@media (max-width: 480px){.search-bar{margin:var(--space-4) auto;padding:var(--space-3)}.search-bar input{padding:var(--space-3) var(--space-5);border-radius:var(--radius-xl)}}.favorites{min-height:100vh;background:linear-gradient(135deg,var(--background) 0%,var(--primary-50) 100%);padding:var(--space-8) 0;position:relative}.favorites:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 30% 20%,var(--accent-100) 0%,transparent 50%),radial-gradient(circle at 70% 80%,var(--primary-100) 0%,transparent 50%);opacity:.3;z-index:0}.favorites-content{max-width:1400px;margin:0 auto;padding:0 var(--space-6);position:relative;z-index:1}.favorites-header{text-align:center;margin-bottom:var(--space-8);padding:var(--space-6) 0}.favorites h2{font-family:var(--font-family-primary);font-size:var(--text-4xl);font-weight:var(--font-extrabold);color:var(--primary-800);margin-bottom:var(--space-4);letter-spacing:-.02em;position:relative}.favorites h2:after{content:"💕";position:absolute;bottom:-var(--space-6);left:50%;transform:translate(-50%);font-size:var(--text-2xl);opacity:.6}.favorites-subtitle{font-family:var(--font-family-secondary);font-size:var(--text-lg);color:var(--text-secondary);margin-top:var(--space-6)}.favorites-stats{display:flex;justify-content:center;gap:var(--space-6);margin:var(--space-6) 0}.favorites-stat{text-align:center;background:var(--surface);padding:var(--space-4) var(--space-6);border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.favorites-stat:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.favorites-stat-number{display:block;font-family:var(--font-family-primary);font-size:var(--text-2xl);font-weight:var(--font-extrabold);color:var(--primary-600)}.favorites-stat-label{font-family:var(--font-family-secondary);font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-medium)}.filters-container{background:var(--surface);border-radius:var(--radius-2xl);padding:var(--space-6);margin-bottom:var(--space-8);box-shadow:var(--shadow-lg);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center;justify-content:center}.search-bar{flex:1;min-width:280px;max-width:400px}.favorites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-8);padding:var(--space-4) 0;justify-items:center}.no-favorites{grid-column:1 / -1;text-align:center;padding:var(--space-20) var(--space-8);background:var(--surface);border-radius:var(--radius-2xl);border:2px dashed var(--border);color:var(--text-muted);position:relative;overflow:hidden}.no-favorites:before{content:"💔";font-size:var(--text-5xl);display:block;margin-bottom:var(--space-6);opacity:.3;animation:float 3s ease-in-out infinite}.no-favorites h3{font-family:var(--font-family-primary);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-secondary);margin-bottom:var(--space-4)}.no-favorites p{font-size:var(--text-lg);margin-bottom:var(--space-8);color:var(--text-muted)}.no-favorites .cta-button{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));color:#fff;border:none;padding:var(--space-4) var(--space-8);border-radius:var(--radius-xl);font-family:var(--font-family-primary);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base);text-decoration:none;display:inline-block;position:relative;overflow:hidden}.no-favorites .cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-base)}.no-favorites .cta-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.no-favorites .cta-button:hover:before{left:100%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width: 1200px){.favorites-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-6)}}@media (max-width: 768px){.favorites-content{padding:0 var(--space-4)}.favorites h2{font-size:var(--text-3xl)}.favorites-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.filters-container{padding:var(--space-4);border-radius:var(--radius-xl);flex-direction:column;align-items:stretch}.search-bar{max-width:100%}.favorites-stats{flex-direction:column;gap:var(--space-3)}}@media (max-width: 480px){.favorites-grid{grid-template-columns:1fr;gap:var(--space-3)}.favorites-header{padding:var(--space-4) 0}.no-favorites{padding:var(--space-12) var(--space-4)}.no-favorites h3{font-size:var(--text-2xl)}}.footer{background-color:#000;color:#fff;text-align:center;padding:1.5rem 0;font-size:1rem;font-family:Poppins,sans-serif;letter-spacing:1px;margin-top:auto}.footer p{margin:0}.pet-details-container{min-height:100vh;background:linear-gradient(135deg,var(--background) 0%,var(--primary-900) 30%,var(--accent-900) 100%);padding:var(--space-8) 0;position:relative;overflow:hidden}.pet-details-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(0,180,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(0,180,255,.08) 1px,transparent 1px);background-size:50px 50px;animation:details-grid-scan 25s linear infinite;z-index:0}.pet-details-container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(0,180,255,.1) 0%,transparent 70%),radial-gradient(circle at 70% 80%,rgba(168,85,247,.1) 0%,transparent 70%),radial-gradient(circle at 50% 50%,rgba(34,197,94,.08) 0%,transparent 80%);animation:details-neural-drift 20s ease-in-out infinite;z-index:0}@keyframes details-grid-scan{0%{transform:translate(0);opacity:.4}50%{transform:translate(-25px,-25px);opacity:.7}to{transform:translate(0);opacity:.4}}@keyframes details-neural-drift{0%,to{transform:rotate(0) scale(1);opacity:.3}33%{transform:rotate(.5deg) scale(1.03);opacity:.5}66%{transform:rotate(-.5deg) scale(.97);opacity:.4}}.pet-details-content{max-width:1200px;margin:0 auto;padding:0 var(--space-6);position:relative;z-index:1}.pet-details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8);background:#111827cc;padding:var(--space-6) var(--space-8);border:2px solid var(--primary-200);border-radius:var(--radius-2xl);box-shadow:0 15px 40px #0006,0 0 25px #00b4ff33,inset 0 0 20px #00b4ff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.pet-details-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-200),var(--accent-400),var(--success-400));border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.back-button{background:#111827cc;border:2px solid var(--primary-200);color:var(--primary-200);padding:var(--space-4) var(--space-8);border-radius:var(--radius-xl);font-family:var(--font-family-primary);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--transition-base);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:.05em;box-shadow:0 5px 15px #0000004d,0 0 10px #00b4ff33}.back-button:hover{background:#00b4ff33;border-color:var(--primary-100);color:var(--primary-100);transform:translateY(-2px);box-shadow:0 8px 20px #0006,0 0 15px #00b4ff66;text-shadow:0 0 10px rgba(0,180,255,.3)}.back-button:active{transform:translateY(0)}.pet-details-main{background:var(--surface);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-xl);border:1px solid var(--border);margin-bottom:var(--space-8)}.pet-details-main:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-500),var(--accent-500),var(--success-500));border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.pet-hero{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);padding:var(--space-8);position:relative}.pet-name{grid-column:1 / -1;font-family:var(--font-family-primary);font-size:var(--text-4xl);font-weight:var(--font-extrabold);color:var(--primary-800);margin-bottom:var(--space-6);text-align:center;letter-spacing:-.02em;position:relative}.pet-name:after{content:"";position:absolute;bottom:-var(--space-3);left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,var(--primary-500),var(--accent-500));border-radius:var(--radius-full)}.pet-image{width:100%;height:400px;border-radius:var(--radius-xl);overflow:hidden;background:linear-gradient(135deg,var(--gray-100),var(--gray-200));display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);border:1px solid var(--border)}.pet-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.pet-image:hover img{transform:scale(1.02)}.no-pet-image{font-size:var(--text-5xl);color:var(--gray-400);opacity:.6}.pet-info{display:flex;flex-direction:column;gap:var(--space-6)}.pet-description{background:var(--gray-50);padding:var(--space-6);border-radius:var(--radius-xl);border:1px solid var(--border)}.pet-description h3{font-family:var(--font-family-primary);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--primary-700);margin-bottom:var(--space-3)}.pet-description p{font-family:var(--font-family-secondary);font-size:var(--text-base);color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-4)}.external-link-button{background:linear-gradient(135deg,var(--accent-500),var(--accent-600));color:var(--gray-900);border:none;padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-family:var(--font-family-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-2)}.external-link-button:hover{background:linear-gradient(135deg,var(--accent-400),var(--accent-500));transform:translateY(-1px);box-shadow:var(--shadow-md)}.external-link-button:after{content:"↗";font-size:var(--text-base)}.pet-tags{background:var(--surface);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border)}.pet-tags h3{font-family:var(--font-family-primary);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--primary-700);margin-bottom:var(--space-3)}.pet-tags ul{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none}.pet-tags li{background:linear-gradient(135deg,var(--primary-200),var(--primary-300));color:var(--primary-800);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-family:var(--font-family-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:capitalize;border:1px solid var(--primary-400)}.pet-details-list{background:var(--surface);padding:var(--space-6);border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.pet-details-list h3{font-family:var(--font-family-primary);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--primary-700);margin-bottom:var(--space-6);text-align:center}.pet-details-list dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6)}.detail-item{background:var(--gray-50);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border);transition:all var(--transition-fast)}.detail-item:hover{background:var(--primary-50);border-color:var(--primary-200);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.detail-item dt{font-family:var(--font-family-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.detail-item dd{font-family:var(--font-family-secondary);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-primary);margin:0}.contact-info-container{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));color:#fff;padding:var(--space-8);border-radius:var(--radius-2xl);margin-top:var(--space-8);box-shadow:var(--shadow-xl);position:relative;overflow:hidden}.contact-info-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);pointer-events:none}.contact-info-container h3{font-family:var(--font-family-primary);font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-6);text-align:center}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4)}.contact-item{background:#ffffff1a;padding:var(--space-4);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.contact-item strong{display:block;font-family:var(--font-family-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-2);opacity:.9}.contact-item a{color:#fff;text-decoration:none;font-family:var(--font-family-secondary);font-size:var(--text-base);transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-2)}.contact-item a:hover{text-decoration:underline;opacity:.8}@media (max-width: 768px){.pet-details-content{padding:0 var(--space-4)}.pet-hero{grid-template-columns:1fr;padding:var(--space-6);gap:var(--space-6)}.pet-name{font-size:var(--text-3xl)}.pet-image{height:300px}.pet-details-list dl{grid-template-columns:1fr;gap:var(--space-4)}.contact-grid{grid-template-columns:1fr}.pet-details-header{padding:var(--space-3) var(--space-4)}}@media (max-width: 480px){.pet-hero{padding:var(--space-4)}.pet-name{font-size:var(--text-2xl)}.pet-image{height:250px}.pet-details-list{padding:var(--space-4)}.contact-info-container{padding:var(--space-6)}}@media (prefers-reduced-motion: reduce){.pet-image img,.detail-item,.back-button,.external-link-button{transition:none}.pet-image:hover img,.detail-item:hover,.back-button:hover,.external-link-button:hover{transform:none}}.back-button:focus-visible,.external-link-button:focus-visible{outline:2px solid var(--primary-600);outline-offset:2px}:root{--cf-bg-overlay: rgba(10, 10, 15, .95);--cf-modal-bg: rgba(17, 24, 39, .95);--cf-primary: var(--primary-200);--cf-primary-hover: var(--primary-100);--cf-secondary: var(--accent-300);--cf-accent: var(--text-primary);--cf-highlight: var(--accent-400);--cf-error: var(--warning-400);--cf-success: var(--success-400);--cf-muted: var(--text-muted)}.modal-overlay{position:fixed;right:0;bottom:0;background:var(--cf-bg-overlay);content:"";position:absolute;top:0;left:0}.modal-overlay .conversational-form-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;max-width:600px;margin:2rem auto;width:90vw;min-width:0;box-sizing:border-box;transition:box-shadow .2s}@media (max-width: 768px){.modal-overlay .conversational-form-container{padding:1rem;max-width:98vw;margin:1rem auto;box-shadow:0 1px 4px #0000000f}}@media (max-width: 480px){.modal-overlay .conversational-form-container{padding:.5rem;border-radius:8px;font-size:.95rem}}.modal-overlay .conversational-form-input{width:100%;padding:.75rem 1rem;margin:.5rem 0;border:2px solid #333;border-radius:8px;font-size:1rem;box-sizing:border-box;transition:border-color .2s;background:#fff;color:#222;min-height:44px}.modal-overlay .conversational-form-input:focus-visible{outline:2px solid #1976d2;outline-offset:2px;border-color:#1976d2}@media (max-width: 480px){.conversational-form-input{padding:.5rem .75rem;font-size:.95rem}}:is() .conversational-form-button{background:#1976d2;color:#fff;border:none;border-radius:8px;padding:1rem 2rem;font-size:1.1rem;cursor:pointer;margin-top:1rem;transition:background .2s,box-shadow .2s;box-shadow:0 1px 4px #1976d21f;min-height:48px}:is() .conversational-form-button:focus-visible{outline:2px solid #1976d2;outline-offset:2px}.conversational-form-button:hover{background:#388e3c;box-shadow:0 2px 8px #4caf501f}@media (max-width: 480px){.conversational-form-button{padding:.5rem 1rem;font-size:.95rem}}.conversational-form-message{background:#fff;border-radius:8px;padding:1rem 1.25rem;margin:.5rem 0;width:100%;font-size:1.05rem;box-sizing:border-box;word-break:break-word;color:#222;border:2px solid #e0e0e0}@media (max-width: 480px){.conversational-form-message{padding:.5rem .75rem;font-size:.95rem}.conversational-form-container{overflow-x:hidden;overflow-y:auto;max-height:90vh}}@keyframes grid-scan{0%{transform:translate(0);opacity:.3}50%{transform:translate(-25px,-25px);opacity:.6}to{transform:translate(0);opacity:.3}}@keyframes neural-drift{0%,to{transform:rotate(0) scale(1)}33%{transform:rotate(1deg) scale(1.05)}66%{transform:rotate(-1deg) scale(.95)}}.modal{position:relative;background:var(--cf-modal-bg);border:2px solid var(--primary-200);border-radius:var(--radius-2xl);padding:var(--space-8);max-width:600px;width:100%;min-height:600px;max-height:90vh;overflow-y:auto;box-shadow:0 0 50px #000c,0 0 100px #00b4ff33,inset 0 0 30px #00b4ff0d;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);transform:scale(.8) translateY(50px);animation:modal-neural-entry .6s cubic-bezier(.34,1.56,.64,1) forwards;overflow:hidden}.modal:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-200),var(--accent-400),var(--success-400));border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;animation:neural-header-pulse 3s ease-in-out infinite}.modal:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,180,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,180,255,.05) 1px,transparent 1px);background-size:30px 30px;pointer-events:none;border-radius:var(--radius-2xl);animation:modal-grid-scan 15s linear infinite}@keyframes modal-neural-entry{0%{transform:scale(.8) translateY(50px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes neural-header-pulse{0%,to{opacity:.8}50%{opacity:1}}@keyframes modal-grid-scan{0%{transform:translate(0)}to{transform:translate(-30px,-30px)}}@keyframes modalSlideIn{to{transform:scale(1)}}.modal:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-500),var(--accent-500),var(--success-500));border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.close-btn{position:absolute;top:var(--space-4);right:var(--space-4);background:#111827cc;border:2px solid var(--primary-200);border-radius:var(--radius-full);width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);color:var(--primary-200);cursor:pointer;transition:all var(--transition-fast);z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 20px #00000080,0 0 10px #00b4ff33}.close-btn:hover{background:#f43f5e33;color:var(--warning-300);border-color:var(--warning-300);transform:scale(1.1);box-shadow:0 0 25px #0009,0 0 15px #f43f5e66}.close-btn:active{transform:scale(.95)}.modal:after{content:"";position:absolute;bottom:0;left:0;height:4px;background:linear-gradient(90deg,var(--primary-200),var(--accent-400),var(--success-400));border-radius:0 0 var(--radius-2xl) var(--radius-2xl);transition:width var(--transition-base) ease-out;width:calc((var(--current-step, 0) + 1) / var(--total-steps, 8) * 100%);box-shadow:0 0 10px #00b4ff80;animation:progress-pulse 2s ease-in-out infinite}@keyframes progress-pulse{0%,to{box-shadow:0 0 10px #00b4ff80}50%{box-shadow:0 0 20px #00b4ffcc}}.question{margin:var(--space-6) 0 var(--space-8);font-family:var(--font-family-primary);font-size:var(--text-2xl);font-weight:700;color:var(--primary-200);text-align:center;line-height:1.3;letter-spacing:.02em;text-transform:uppercase;text-shadow:0 0 15px rgba(0,180,255,.4);animation:question-glow 3s ease-in-out infinite;position:relative}.question:before{content:"▶";position:absolute;left:-30px;top:50%;transform:translateY(-50%);color:var(--accent-400);font-size:var(--text-lg);animation:cursor-blink 1.5s step-end infinite}@keyframes question-glow{0%,to{text-shadow:0 0 15px rgba(0,180,255,.4)}50%{text-shadow:0 0 25px rgba(0,180,255,.6)}}@keyframes cursor-blink{0%,50%{opacity:1}51%,to{opacity:.3}}.input-group{flex:1;display:flex;flex-direction:column;gap:var(--space-6);margin-bottom:var(--space-8);position:relative}.input-group:before{content:"";position:absolute;top:-10px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--primary-200),transparent);border-radius:var(--radius-full);animation:input-scan 3s ease-in-out infinite}@keyframes input-scan{0%{transform:scaleX(0);opacity:0}50%{transform:scaleX(1);opacity:1}to{transform:scaleX(0);opacity:0}}.icon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-6);justify-items:center;padding:var(--space-4)}.icon-button{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-4);min-height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.icon-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(66,153,225,.1),transparent);transition:left var(--transition-base)}.icon-button:hover{transform:translateY(-2px);border-color:var(--primary-300);box-shadow:var(--shadow-md);color:var(--primary-700)}.icon-button:hover:before{left:100%}.icon-button.selected{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));color:#fff;border-color:var(--primary-500);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.icon-button.selected:after{content:"✓";position:absolute;top:var(--space-2);right:var(--space-2);width:20px;height:20px;background:#fff;color:var(--primary-600);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.icon-button svg{width:2rem!important;height:2rem!important;margin-bottom:var(--space-1)}.icon-button[data-label]:hover:after{content:attr(data-label);position:absolute;bottom:-2.5rem;left:50%;transform:translate(-50%);background:var(--gray-900);color:#fff;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-medium);white-space:nowrap;z-index:100;opacity:0;animation:tooltipFadeIn var(--transition-fast) forwards}@keyframes tooltipFadeIn{to{opacity:1}}.breed-search{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);font-family:var(--font-family-secondary);font-size:var(--text-base);background:var(--surface);color:var(--text-primary);transition:all var(--transition-fast)}.breed-search:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #4299e11a}.breed-options{max-height:200px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-3);background:var(--surface);scrollbar-width:thin;scrollbar-color:var(--primary-300) var(--gray-100)}.breed-options::-webkit-scrollbar{width:6px}.breed-options::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--radius-full)}.breed-options::-webkit-scrollbar-thumb{background:var(--primary-300);border-radius:var(--radius-full)}.breed-option{display:flex;align-items:center;padding:var(--space-3);margin-bottom:var(--space-1);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.breed-option:hover{background:var(--primary-50)}.breed-option input{margin-right:var(--space-3);width:16px;height:16px;accent-color:var(--primary-600)}.breed-option label{font-family:var(--font-family-secondary);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer}.selected-breeds{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.breed-tag{background:linear-gradient(135deg,var(--primary-100),var(--primary-200));color:var(--primary-800);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);border:1px solid var(--primary-300)}.modal select,.modal input[type=text],.modal input[type=number]{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);font-family:var(--font-family-secondary);font-size:var(--text-base);background:var(--surface);color:var(--text-primary);transition:all var(--transition-fast);width:100%}.modal select:focus,.modal input[type=text]:focus,.modal input[type=number]:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #4299e11a;transform:translateY(-1px)}input[type=range]{width:100%;height:6px;background:linear-gradient(to right,var(--primary-500) 0%,var(--primary-200) 100%);border-radius:var(--radius-full);-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;transition:all var(--transition-fast)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:var(--primary-600);border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #0003;transition:all var(--transition-fast)}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #0000004d}input[type=range]::-moz-range-thumb{width:20px;height:20px;background:var(--primary-600);border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 6px #0003}.button-group{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-top:auto;padding-top:var(--space-6);border-top:1px solid var(--divider)}.btn-back,.btn-skip{background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-family:var(--font-family-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn-back:hover,.btn-skip:hover{background:var(--gray-50);color:var(--primary-600);border-color:var(--primary-200);transform:translateY(-1px)}.btn-skip{margin-left:auto;border-style:dashed;opacity:.8}.btn-next{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));color:#fff;border:none;border-radius:var(--radius-lg);padding:var(--space-4) var(--space-8);font-family:var(--font-family-primary);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden;box-shadow:var(--shadow-md)}.btn-next:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-base)}.btn-next:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-500),var(--primary-600));transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-next:hover:before{left:100%}.btn-next:active{transform:translateY(0);box-shadow:var(--shadow-md)}.btn-next:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:var(--shadow-sm)}.cf-error{color:#b71c1c;font-family:var(--font-family-secondary);font-size:1rem;text-align:center;margin:var(--space-4) 0;padding:var(--space-3) var(--space-4);background:#ffebee;border:2px solid #b71c1c;border-radius:var(--radius-md);animation:errorShake .3s ease-in-out;font-weight:700;box-sizing:border-box;outline:none}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.modal.loading{opacity:.8;pointer-events:none}.modal.loading .btn-next:after{content:"";width:16px;height:16px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;display:inline-block;animation:spin 1s linear infinite;margin-left:var(--space-2)}@media (max-width: 768px){.modal{margin:var(--space-2);padding:var(--space-6);max-width:calc(100vw - var(--space-4));min-height:450px}.question{font-size:var(--text-xl);margin:var(--space-4) 0 var(--space-6)}.icon-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--space-3)}.icon-button{padding:var(--space-4);min-height:70px}.icon-button svg{width:1.5rem!important;height:1.5rem!important}.button-group{flex-direction:column-reverse;gap:var(--space-3)}.btn-next{width:100%;order:1}.btn-back,.btn-skip{align-self:stretch;text-align:center}}@media (max-width: 480px){.modal{padding:var(--space-4);border-radius:var(--radius-xl)}.question{font-size:var(--text-lg)}.icon-grid{grid-template-columns:repeat(2,1fr)}.breed-options{max-height:150px}}@media (prefers-reduced-motion: reduce){.modal,.modal-overlay,.icon-button,.btn-next{animation:none;transition:none}.icon-button:hover,.btn-next:hover{transform:none}}.icon-button:focus-visible,.btn-next:focus-visible,.btn-back:focus-visible,.btn-skip:focus-visible{outline:2px solid var(--primary-600);outline-offset:2px}