:root{--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px}:root{--primary: oklch(.95 .01 0);--primary-foreground: oklch(.2 .25 250);--secondary: oklch(.92 .02 250);--secondary-foreground: oklch(.2 .25 250);--accent: oklch(.65 .25 200);--accent-foreground: oklch(.95 .01 0);--destructive: oklch(.63 .26 29);--destructive-foreground: oklch(.98 .001 0);--muted: oklch(.85 .05 250);--muted-foreground: oklch(.45 .1 250);--input: oklch(.95 .01 0);--card: oklch(.98 .001 0);--card-foreground: oklch(.2 .25 250);--popover: oklch(.96 .01 0);--popover-foreground: oklch(.2 .25 250);--border: oklch(.88 .05 250);--ring: oklch(.65 .25 200);--radius: 8px;--background: oklch(.98 .001 0);--foreground: oklch(.2 .25 250)}.dark{--primary: oklch(.95 .01 0);--primary-foreground: oklch(.2 .25 250);--secondary: oklch(.92 .02 250);--secondary-foreground: oklch(.2 .25 250);--accent: oklch(.65 .25 200);--accent-foreground: oklch(.95 .01 0);--destructive: oklch(.63 .26 29);--destructive-foreground: oklch(.98 .001 0);--muted: oklch(.85 .05 250);--muted-foreground: oklch(.45 .1 250);--input: oklch(.95 .01 0);--card: oklch(.98 .001 0);--card-foreground: oklch(.2 .25 250);--popover: oklch(.96 .01 0);--popover-foreground: oklch(.2 .25 250);--border: oklch(.88 .05 250);--ring: oklch(.65 .25 200);--background: oklch(.98 .001 0);--foreground: oklch(.2 .25 250)}@layer base{*{border-color:var(--border)}body{background:linear-gradient(135deg,#f9f8f8,#edf2f8);color:var(--foreground);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;letter-spacing:0px;background-attachment:fixed}html{scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.5px;color:var(--foreground)}h1{font-size:3.5rem;line-height:1.1;letter-spacing:-1px;font-weight:800}h2{font-size:2.5rem;line-height:1.2;font-weight:700}h3{font-size:1.5rem;line-height:1.3;font-weight:700}p{line-height:1.7;color:var(--muted-foreground);font-size:.95rem}}@layer components{@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes glow{0%,to{box-shadow:0 0 20px #00d4ff4d}50%{box-shadow:0 0 40px #00d4ff99}}.animate-fade-in{animation:fadeIn .6s ease-out}.animate-slide-in-up{animation:slideInUp .8s ease-out}.animate-slide-in-left{animation:slideInLeft .8s ease-out}.animate-slide-in-right{animation:slideInRight .8s ease-out}.animate-scale-in{animation:scaleIn .6s ease-out}.animate-float{animation:float 4s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.card-modern{background:linear-gradient(135deg,#fffc,#f8faff99);border:1px solid var(--border);border-radius:8px;padding:24px;transition:all .4s ease;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-modern: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 .4s ease;pointer-events:none}.card-modern:hover{border-color:var(--accent);box-shadow:0 0 30px #00d4ff26;transform:translateY(-6px);background:linear-gradient(135deg,#fffffff2,#f8faffd9)}.card-modern:hover:before{opacity:.05}.btn-primary{background:var(--accent);color:var(--accent-foreground);padding:12px 28px;border-radius:4px;font-weight:700;font-size:.9rem;letter-spacing:.5px;transition:all .3s ease;cursor:pointer;border:1px solid var(--accent);box-shadow:0 4px 15px #00d4ff33;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#ffffff1a;transition:left .3s ease}.btn-primary:hover{box-shadow:0 6px 25px #00d4ff66;transform:translateY(-2px)}.btn-primary:hover:before{left:100%}.btn-secondary{background:transparent;color:var(--accent);padding:12px 28px;border-radius:4px;font-weight:700;font-size:.9rem;letter-spacing:.5px;border:2px solid var(--accent);transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 0 15px #00d4ff1a}.btn-secondary:before{content:"";position:absolute;inset:0;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .3s ease;z-index:-1}.btn-secondary:hover{color:var(--accent-foreground);transform:translateY(-2px);box-shadow:0 0 25px #00d4ff4d}.btn-secondary:hover:before{transform:scaleX(1)}.accent-text{color:var(--accent)}.text-gradient{background:linear-gradient(135deg,var(--foreground) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}}@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}.backdrop-blur{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.glow{box-shadow:0 0 20px #00d4ff4d}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}}