@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--background: 0 0% 100%;--foreground: 218 11% 12%;--card: 0 0% 100%;--card-foreground: 218 11% 12%;--popover: 0 0% 100%;--popover-foreground: 218 11% 12%;--primary: 214 100% 58%;--primary-foreground: 0 0% 100%;--secondary: 218 7% 97%;--secondary-foreground: 218 11% 15%;--muted: 218 7% 97%;--muted-foreground: 218 6% 47%;--accent: 214 100% 58%;--accent-foreground: 0 0% 100%;--destructive: 0 84% 60%;--destructive-foreground: 0 0% 100%;--border: 218 13% 91%;--input: 218 13% 91%;--ring: 214 100% 58%;--radius: .75rem;--gradient-hero: linear-gradient(135deg, hsl(218 50% 4%) 0%, hsl(218 28% 13%) 100%);--gradient-subtle: linear-gradient(180deg, hsl(218 50% 4%) 0%, hsl(218 28% 8%) 100%);--gradient-card: linear-gradient(145deg, hsl(0 0% 100%) 0%, hsl(218 7% 99%) 100%);--shadow-soft: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-medium: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-large: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-professional: 0 0 0 1px rgb(218 218 235 / .08), 0 1px 2px -1px rgb(31 41 55 / .08), 0 2px 4px rgb(31 41 55 / .04);--transition-smooth: all .2s cubic-bezier(.4, 0, .2, 1);--transition-spring: all .3s cubic-bezier(.34, 1.56, .64, 1)}.dark{--background: 218 11% 12%;--foreground: 0 0% 98%;--card: 218 28% 13%;--card-foreground: 0 0% 98%;--popover: 218 28% 13%;--popover-foreground: 0 0% 98%;--primary: 214 100% 58%;--primary-foreground: 0 0% 100%;--secondary: 218 11% 20%;--secondary-foreground: 0 0% 98%;--muted: 218 11% 20%;--muted-foreground: 218 6% 65%;--accent: 214 100% 58%;--accent-foreground: 0 0% 100%;--destructive: 0 63% 31%;--destructive-foreground: 0 0% 98%;--border: 218 11% 20%;--input: 218 11% 20%;--ring: 214 100% 58%;--gradient-hero: linear-gradient(135deg, hsl(218 50% 4%) 0%, hsl(218 28% 13%) 100%);--gradient-subtle: linear-gradient(180deg, hsl(218 50% 4%) 0%, hsl(218 28% 8%) 100%);--gradient-card: linear-gradient(145deg, hsl(218 28% 13%) 0%, hsl(218 11% 15%) 100%)}}@layer base{*{@apply border-border;}body{@apply bg-background text-foreground;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-feature-settings:"cv11","ss01";font-variation-settings:"opsz" 32;line-height:1.6}.hero-gradient{background:var(--gradient-hero)}.subtle-gradient{background:var(--gradient-subtle)}.card-gradient{background:var(--gradient-card)}.shadow-soft{box-shadow:var(--shadow-soft)}.shadow-medium{box-shadow:var(--shadow-medium)}.shadow-large{box-shadow:var(--shadow-large)}.shadow-professional{box-shadow:var(--shadow-professional)}.transition-smooth{transition:var(--transition-smooth)}.transition-spring{transition:var(--transition-spring)}.glassmorphism{-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);background-color:#fffffff2;border:1px solid rgba(255,255,255,.2)}.glassmorphism-dark{-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);background-color:#111928f2;border:1px solid rgba(255,255,255,.125)}.text-balance{text-wrap:balance}.btn-primary{@apply bg-blue-600 hover:bg-blue-700 text-white px-6 py-3 rounded-lg font-semibold transition-smooth shadow-medium hover:shadow-large transform hover:-translate-y-0.5;}.btn-secondary{@apply bg-white hover:bg-gray-50 text-gray-900 px-6 py-3 rounded-lg font-semibold transition-smooth border border-gray-200 shadow-soft hover:shadow-medium;}.animate-in{animation:expandIn .5s ease-out forwards}.animation-delay-200{animation-delay:.2s;opacity:0;animation-fill-mode:both}.animation-delay-300{animation-delay:.3s;opacity:0;animation-fill-mode:both}.animation-delay-400{animation-delay:.4s;opacity:0;animation-fill-mode:both}@keyframes expandIn{0%{max-width:32rem;opacity:.8;transform:scale(.95)}to{max-width:95vw;opacity:1;transform:scale(1)}}.animate-fadeIn{animation:fadeIn .3s ease-out forwards}.animate-scaleIn{animation:scaleIn .4s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}}#root{min-height:100vh;margin:0;padding:0}.glassmorphism{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}@keyframes fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fade-in .3s ease-out}.card-hover{transition:var(--transition-smooth)}.card-hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-large)}.gradient-text{background:linear-gradient(135deg,#16a249,#0f6c31);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.button-primary{background:#16a249;color:#fff;border:none;border-radius:var(--radius);padding:.75rem 1.5rem;font-weight:500;transition:var(--transition-smooth);box-shadow:var(--shadow-soft)}.button-primary:hover{background:#149041;transform:translateY(-1px);box-shadow:var(--shadow-medium)}.button-secondary{background:transparent;color:#16a249;border:1px solid hsl(142 76% 36%);border-radius:var(--radius);padding:.75rem 1.5rem;font-weight:500;transition:var(--transition-smooth)}.button-secondary:hover{background:#eaf5ee;transform:translateY(-1px)}.input-modern{background:#fff;border:1px solid hsl(214 32% 91%);border-radius:var(--radius);padding:1rem;transition:var(--transition-smooth);box-shadow:var(--shadow-soft)}.input-modern:focus{outline:none;border-color:#16a249;box-shadow:0 0 0 3px #16a2491a}.badge{background:#eaf5ee;color:#0f6c31;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500}.detector-card{background:#fff;border:1px solid hsl(214 32% 91%);border-radius:var(--radius);padding:1rem;transition:var(--transition-smooth);box-shadow:var(--shadow-soft)}.detector-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-medium)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}