@theme inline{ --radius-sm: 8px; --radius-md: 12px; --radius-lg: 16px; --radius-xl: 20px; }:root{--primary: oklch(.35 .25 260);--primary-foreground: oklch(.98 .001 0);--secondary: oklch(.55 .22 260);--secondary-foreground: oklch(.98 .001 0);--accent: oklch(.55 .25 200);--accent-foreground: oklch(.98 .001 0);--destructive: oklch(.63 .26 29);--destructive-foreground: oklch(.98 .001 0);--muted: oklch(.85 .05 260);--muted-foreground: oklch(.45 .08 260);--input: oklch(.95 .02 260);--card: oklch(.98 .001 0);--card-foreground: oklch(.25 .02 0);--popover: oklch(.98 .001 0);--popover-foreground: oklch(.25 .02 0);--border: oklch(.9 .03 260);--ring: oklch(.55 .25 200);--radius: 12px;--background: oklch(.98 .001 0);--foreground: oklch(.25 .02 0)}.dark{--primary: oklch(.35 .25 260);--primary-foreground: oklch(.98 .001 0);--secondary: oklch(.55 .22 260);--secondary-foreground: oklch(.98 .001 0);--accent: oklch(.55 .25 200);--accent-foreground: oklch(.98 .001 0);--destructive: oklch(.63 .26 29);--destructive-foreground: oklch(.98 .001 0);--muted: oklch(.85 .05 260);--muted-foreground: oklch(.45 .08 260);--input: oklch(.95 .02 260);--card: oklch(.98 .001 0);--card-foreground: oklch(.25 .02 0);--popover: oklch(.98 .001 0);--popover-foreground: oklch(.25 .02 0);--border: oklch(.9 .03 260);--ring: oklch(.55 .25 200);--background: oklch(.98 .001 0);--foreground: oklch(.25 .02 0)}@layer base{*{border-color:var(--border)}body{background-color:var(--background);color:var(--foreground);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;letter-spacing:-.2px}html{scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.3px;color:var(--foreground)}h1{font-size:3.5rem;line-height:1.1}h2{font-size:2.5rem;line-height:1.2}h3{font-size:1.8rem;line-height:1.3}p{line-height:1.7;color:var(--muted-foreground)}}@layer components{@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #00bcd44d}50%{box-shadow:0 0 40px #00bcd499}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes glow{0%,to{text-shadow:0 0 10px rgba(0,188,212,.5)}50%{text-shadow:0 0 20px rgba(0,188,212,.8)}}@keyframes rotateIn{0%{opacity:0;transform:rotate(-10deg) scale(.9)}to{opacity:1;transform:rotate(0) scale(1)}}.animate-fade-in{animation:fadeIn .6s ease-out}.animate-slide-in-up{animation:slideInUp .7s ease-out}.animate-slide-in-left{animation:slideInLeft .7s ease-out}.animate-slide-in-right{animation:slideInRight .7s ease-out}.animate-scale-in{animation:scaleIn .6s ease-out}.animate-bounce-in{animation:bounceIn .8s ease-out}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-shimmer{animation:shimmer 3s infinite}.animate-gradient-shift{animation:gradientShift 3s ease infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-rotate-in{animation:rotateIn .6s ease-out}.card-organic{background:linear-gradient(135deg,var(--card) 0%,rgba(0,188,212,.02) 100%);border:1.5px solid var(--border);border-radius:16px;padding:28px;transition:all .5s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;box-shadow:0 4px 12px #0000000d}.card-organic:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,var(--accent) 0%,transparent 70%);opacity:0;transition:opacity .5s ease;pointer-events:none}.card-organic:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,188,212,.1) 0%,transparent 100%);opacity:0;transition:opacity .5s ease;pointer-events:none}.card-organic:hover{border-color:var(--accent);box-shadow:0 12px 32px #00bcd433,0 4px 12px #00000014;transform:translateY(-6px)}.card-organic:hover:before{opacity:.08}.card-organic:hover:after{opacity:1}.btn-primary{background:linear-gradient(135deg,var(--accent) 0%,var(--secondary) 100%);background-size:200% 200%;color:var(--foreground);padding:12px 28px;border-radius:10px;font-weight:600;font-size:.95rem;transition:all .4s cubic-bezier(.34,1.56,.64,1);cursor:pointer;border:none;box-shadow:0 6px 16px #00bcd440;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#fff3;transition:left .4s ease}.btn-primary:hover{box-shadow:0 10px 24px #00bcd459;transform:translateY(-2px);background-position:200% center}.btn-primary:hover:before{left:100%}.btn-secondary{background:transparent;color:var(--accent);padding:12px 28px;border-radius:10px;font-weight:600;font-size:.95rem;border:2px solid var(--accent);transition:all .4s cubic-bezier(.34,1.56,.64,1);cursor:pointer;position:relative;overflow:hidden}.btn-secondary:before{content:"";position:absolute;inset:0;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .4s ease;z-index:-1}.btn-secondary:hover{color:var(--background);transform:translateY(-2px);box-shadow:0 6px 16px #00bcd433}.btn-secondary:hover:before{transform:scaleX(1)}}@layer utilities{.animation-delay-100{animation-delay:.1s}.animation-delay-200{animation-delay:.2s}.animation-delay-300{animation-delay:.3s}.scroll-smooth{scroll-behavior:smooth}.text-balance{text-wrap:balance}.container{max-width:1200px;margin:0 auto;padding:0 20px}.text-accent{color:var(--accent)}.bg-gradient-dark{background:linear-gradient(135deg,var(--primary) 0%,var(--background) 100%)}.border-accent{border-color:var(--accent)}}