@tailwind base;@tailwind components;@tailwind utilities;:root{--color-mint: #B2E7D4;--color-lavender: #C7CEEA;--color-purple: #E2D7F3;--gradient-primary: linear-gradient(135deg, var(--color-mint), var(--color-lavender), var(--color-purple));--gradient-primary-horizontal: linear-gradient(to right, var(--color-mint), var(--color-lavender), var(--color-purple));--color-white: #ffffff;--color-black: #111827;--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;--font-primary: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-secondary: "Space Grotesk", sans-serif;--font-size-xs: clamp(.75rem, 1.5vw, .875rem);--font-size-sm: clamp(.875rem, 1.8vw, 1rem);--font-size-base: clamp(1rem, 2vw, 1.125rem);--font-size-lg: clamp(1.125rem, 2.2vw, 1.25rem);--font-size-xl: clamp(1.25rem, 2.5vw, 1.5rem);--font-size-2xl: clamp(1.5rem, 3vw, 2rem);--font-size-3xl: clamp(2rem, 4vw, 3rem);--font-size-4xl: clamp(2.5rem, 5vw, 4rem);--font-size-5xl: clamp(3rem, 6vw, 5rem);--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 5rem;--spacing-5xl: 6rem;--container-max-width: 80rem;--container-padding: 1.5rem;--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-xl: 2rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--transition-fast: .15s ease-in-out;--transition-base: .3s ease-in-out;--transition-slow: .5s ease-in-out;--z-base: 1;--z-dropdown: 10;--z-sticky: 20;--z-fixed: 30;--z-modal-backdrop: 40;--z-modal: 50;--z-popover: 60;--z-tooltip: 70}*{border-color:var(--color-gray-200);box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}html,body,#root{margin:0;padding:0;width:100%;min-height:100vh}body{background-color:var(--color-white);color:var(--color-black);font-family:var(--font-primary);font-size:var(--font-size-base);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:700;line-height:1.2;margin:0;letter-spacing:-.02em}p{margin:0;line-height:1.7}a{text-decoration:none;color:inherit;transition:var(--transition-base)}button{font-family:var(--font-primary);cursor:pointer;transition:var(--transition-base)}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding);width:100%}.gradient-text{background:var(--gradient-primary-horizontal);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-padding{padding:var(--spacing-5xl) var(--container-padding)}@media(max-width:768px){.section-padding{padding:var(--spacing-4xl) var(--container-padding)}}::selection{background-color:var(--color-lavender);color:var(--color-white)}::-moz-selection{background-color:var(--color-lavender);color:var(--color-white)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background-color:var(--color-gray-100)}::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,var(--color-mint),var(--color-lavender));border-radius:var(--radius-md);transition:var(--transition-base)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,var(--color-lavender),var(--color-purple))}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{opacity:.3}50%{opacity:.7}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fade-in .6s ease-out forwards}.animate-slide-up{animation:slide-up .6s ease-out forwards}.animate-slide-down{animation:slide-down .6s ease-out forwards}.animate-scale-in{animation:scale-in .5s ease-out forwards}.animate-float{animation:float 4s ease-in-out infinite}.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}*:focus{outline:2px solid var(--color-lavender);outline-offset:2px}*:focus:not(:focus-visible){outline:none}*:focus-visible{outline:2px solid var(--color-lavender);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{*,*:before,*:after{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}img{max-width:100%!important;page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}
