:root{--primary-50: #f0fdfa;--primary-100: #ccfbf1;--primary-500: #14b8a6;--primary-600: #0d9488;--primary-700: #0f766e;--primary-900: #134e4a;--secondary-50: #fffbeb;--secondary-500: #f59e0b;--secondary-600: #d97706;--neutral-50: #f8fafc;--neutral-100: #f1f5f9;--neutral-200: #e2e8f0;--neutral-300: #cbd5e1;--neutral-400: #94a3b8;--neutral-500: #64748b;--neutral-600: #475569;--neutral-700: #334155;--neutral-800: #1e293b;--neutral-900: #0f172a;--gradient-primary: linear-gradient(135deg, #0f766e 0%, #14b8a6 50%, #5eead4 100%);--gradient-secondary: linear-gradient(135deg, #f59e0b 0%, #f97316 50%, #fb923c 100%);--gradient-accent: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%);--gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, .05) 100%);--gradient-dark: linear-gradient(135deg, #1e293b 0%, #334155 50%, #475569 100%);--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;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1), 0 10px 10px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .25);--glass-bg: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .2);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .1)}[data-theme=dark]{--glass-bg: rgba(0, 0, 0, .2);--glass-border: rgba(255, 255, 255, .1)}*{box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-feature-settings:"cv02","cv03","cv04","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}.glass{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-card{@apply glass rounded-2xl p-6;background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.glass-nav{@apply glass;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.bg-gradient-primary{background:var(--gradient-primary)}.bg-gradient-secondary{background:var(--gradient-secondary)}.bg-gradient-accent{background:var(--gradient-accent)}.bg-gradient-glass{background:var(--gradient-glass)}.bg-gradient-dark{background:var(--gradient-dark)}.btn-primary{font-weight:600;color:#fff;transition:all .3s ease;transform:translateY(0);background:linear-gradient(135deg,#0f766e,#14b8a6);box-shadow:0 4px 20px #14b8a64d;border-radius:16px!important;padding:16px 32px!important;border:none;cursor:pointer}.btn-primary:hover{transform:translateY(-4px);box-shadow:0 8px 30px #14b8a666}.btn-secondary{font-weight:600;color:#fff;transition:all .3s ease;transform:translateY(0);background:linear-gradient(135deg,#f59e0b,#f97316);box-shadow:0 4px 20px #f59e0b4d;border-radius:16px!important;padding:16px 32px!important;border:none;cursor:pointer}.btn-secondary:hover{transform:translateY(-4px);box-shadow:0 8px 30px #f59e0b66}.btn-glass{font-weight:600;color:#334155;transition:all .3s ease;transform:translateY(0);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 20px #0000001a;border-radius:16px!important;padding:16px 32px!important;cursor:pointer}.btn-glass:hover{transform:translateY(-4px);background:#fff3;box-shadow:0 8px 30px #00000026}.card-modern{@apply bg-white rounded-2xl p-6 transition-all duration-300 hover:shadow-xl;box-shadow:var(--shadow-md);border:1px solid var(--neutral-200)}.card-modern:hover{transform:translateY(-4px);box-shadow:var(--shadow-2xl)}.card-glass{@apply glass-card transition-all duration-300 hover:shadow-2xl;}.card-glass:hover{transform:translateY(-4px);background:#ffffff26}.text-gradient-primary{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-secondary{background:var(--gradient-secondary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.heading-xl{@apply text-5xl md:text-6xl lg:text-7xl font-bold leading-tight;letter-spacing:-.02em}.heading-lg{@apply text-3xl md:text-4xl lg:text-5xl font-bold leading-tight;letter-spacing:-.01em}.heading-md{@apply text-2xl md:text-3xl font-semibold leading-tight;}.body-lg{@apply text-lg leading-relaxed;color:var(--neutral-500)}.body-md{@apply text-base leading-relaxed;color:var(--neutral-500)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #14b8a666}50%{box-shadow:0 0 40px #14b8a6cc}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes particles{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(-100vh) rotate(360deg);opacity:0}}.animate-float{animation:float 3s ease-in-out infinite}@keyframes slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-slide-up{animation:slide-up .3s ease-out}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-gradient{background-size:200% 200%;animation:gradient-shift 3s ease infinite}.animate-particles{animation:particles 10s linear infinite}.interactive{@apply transition-all duration-300 cursor-pointer;}.interactive:hover{@apply transform -translate-y-1;}.interactive:active{@apply transform translate-y-0;}.skeleton{@apply bg-gradient-to-r from-slate-200 via-slate-300 to-slate-200 animate-pulse rounded;background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.focus-ring{@apply focus:outline-none focus:ring-4 focus:ring-teal-500/20 focus:border-teal-500;}[data-theme=dark]{@apply bg-slate-900 text-white;}[data-theme=dark] .card-modern{@apply bg-slate-800 border-slate-700;}[data-theme=dark] .glass-nav{background:#000c}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--neutral-100);border-radius:var(--radius-md)}::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:var(--radius-md)}::-webkit-scrollbar-thumb:hover{background:var(--gradient-dark)}@media(max-width:768px){.heading-xl{@apply text-4xl;}.heading-lg{@apply text-3xl;}.btn-primary,.btn-secondary,.btn-glass{padding:12px 24px!important;font-size:14px}.container{padding-left:1rem!important;padding-right:1rem!important}.card-modern,.glass-card{padding:1rem!important}}@media(max-width:640px){.heading-xl{@apply text-3xl;}.heading-lg{@apply text-2xl;}.btn-primary,.btn-secondary,.btn-glass{padding:10px 20px!important;font-size:13px;width:100%;margin-bottom:.5rem}.flex-wrap{flex-direction:column!important}}.backdrop-blur-glass{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.text-shadow{text-shadow:0 2px 4px rgba(0,0,0,.1)}.border-gradient{border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--gradient-primary) border-box}.particles{position:absolute;width:100%;height:100%;overflow:hidden;pointer-events:none}.particle{position:absolute;width:4px;height:4px;background:var(--gradient-primary);border-radius:50%;animation:particles 10s linear infinite}.particle:nth-child(1){left:10%;animation-delay:0s}.particle:nth-child(2){left:20%;animation-delay:2s}.particle:nth-child(3){left:30%;animation-delay:4s}.particle:nth-child(4){left:40%;animation-delay:6s}.particle:nth-child(5){left:50%;animation-delay:8s}.particle:nth-child(6){left:60%;animation-delay:1s}.particle:nth-child(7){left:70%;animation-delay:3s}.particle:nth-child(8){left:80%;animation-delay:5s}.particle:nth-child(9){left:90%;animation-delay:7s}.particle:nth-child(10){left:95%;animation-delay:9s}