:root{--apple-background: 0 0% 100%;--apple-foreground: 240 10% 3.9%;--apple-card: 0 0% 100%;--apple-card-foreground: 240 10% 3.9%;--apple-blue: 220 9% 46%;--apple-blue-light: 220 9% 56%;--apple-blue-dark: 220 9% 36%;--apple-green: 142 71% 45%;--apple-yellow: 48 96% 53%;--apple-orange: 25 95% 53%;--apple-red: 0 84% 60%;--apple-purple: 270 71% 52%;--apple-pink: 330 71% 60%;--apple-gray-100: 240 4.8% 95.9%;--apple-gray-200: 240 4.8% 90%;--apple-gray-300: 240 4.8% 80%;--apple-gray-400: 240 4.8% 60%;--apple-gray-500: 240 5.9% 50%;--apple-gray-600: 240 5.9% 40%;--apple-gray-700: 240 5.9% 30%;--apple-gray-800: 240 5.9% 20%;--apple-gray-900: 240 5.9% 10%;--apple-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--apple-spacing-xs: .5rem;--apple-spacing-sm: .75rem;--apple-spacing-md: 1rem;--apple-spacing-lg: 1.5rem;--apple-spacing-xl: 2rem;--apple-spacing-2xl: 3rem;--apple-spacing-3xl: 4rem;--apple-spacing-4xl: 6rem;--apple-radius-sm: .375rem;--apple-radius-md: .5rem;--apple-radius-lg: .75rem;--apple-radius-xl: 1rem;--apple-radius-2xl: 1.5rem;--apple-radius-full: 9999px;--apple-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--apple-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--apple-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--apple-glass-bg: hsla(0 0% 100% / .7);--apple-glass-border: hsla(240 4.8% 95.9% / .3);--apple-glass-shadow: 0 8px 32px 0 hsla(0 0% 0% / .1);--apple-glass-backdrop: blur(20px);--apple-transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--apple-transition-base: .3s cubic-bezier(.4, 0, .2, 1);--apple-transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}body{font-family:var(--apple-font-family);background:hsl(var(--apple-background));color:hsl(var(--apple-foreground));line-height:1.5}.apple-card{background:var(--apple-glass-bg);-webkit-backdrop-filter:var(--apple-glass-backdrop);backdrop-filter:var(--apple-glass-backdrop);border:1px solid var(--apple-glass-border);border-radius:var(--apple-radius-lg);box-shadow:var(--apple-shadow-md);transition:var(--apple-transition-base)}.apple-card:hover{box-shadow:var(--apple-shadow-lg);transform:translateY(-2px)}.apple-button{background:linear-gradient(135deg,hsl(var(--apple-blue)),hsl(var(--apple-blue-dark)));color:#fff;border:none;border-radius:var(--apple-radius-lg);padding:var(--apple-spacing-sm) var(--apple-spacing-lg);font-weight:500;font-size:1rem;transition:var(--apple-transition-base);box-shadow:var(--apple-shadow-sm)}.apple-button:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:var(--apple-shadow-md)}.apple-input{background:var(--apple-glass-bg);-webkit-backdrop-filter:var(--apple-glass-backdrop);backdrop-filter:var(--apple-glass-backdrop);border:1px solid var(--apple-glass-border);border-radius:var(--apple-radius-lg);padding:var(--apple-spacing-sm) var(--apple-spacing-md);font-size:1rem;transition:var(--apple-transition-base)}.apple-input:focus{outline:none;border-color:hsl(var(--apple-blue));box-shadow:0 0 0 3px hsla(var(--apple-blue) / .1)}@keyframes apple-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes apple-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.apple-animate-fade-in{animation:apple-fade-in var(--apple-transition-base) ease-out}.apple-animate-scale-in{animation:apple-scale-in var(--apple-transition-base) ease-out}.apple-flex-center{display:flex;align-items:center;justify-content:center}.apple-flex-between{display:flex;align-items:center;justify-content:space-between}.apple-gap-sm{gap:var(--apple-spacing-sm)}.apple-gap-md{gap:var(--apple-spacing-md)}.apple-gap-lg{gap:var(--apple-spacing-lg)}