*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f9fafb;color:#1f2937;line-height:1.6}.container{max-width:1280px;margin:0 auto;padding:0 2rem}.gradient-text{background:linear-gradient(90deg,red,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-primary{background:linear-gradient(90deg,#2563eb,#7c3aed);color:#fff;border:none;padding:12px 32px;font-size:1.125rem;font-weight:600;border-radius:1rem;box-shadow:0 4px 12px #2563eb4d;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center}.btn-primary:hover{transform:scale(1.05);box-shadow:0 6px 16px #2563eb66}.card{border-radius:1rem;overflow:hidden;box-shadow:0 10px 25px #0000001a;background:#fff;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026}.fade-in-up{opacity:0;transform:translateY(60px);transition:opacity .6s ease-out,transform .6s ease-out}.fade-in-up.visible{opacity:1;transform:translateY(0)}.slide-in-left{opacity:0;transform:translate(-60px);transition:opacity .6s ease-out,transform .6s ease-out}.slide-in-left.visible{opacity:1;transform:translate(0)}.slide-in-right{opacity:0;transform:translate(60px);transition:opacity .6s ease-out,transform .6s ease-out}.slide-in-right.visible{opacity:1;transform:translate(0)}.scale-in{opacity:0;transform:scale(.8);transition:opacity .5s ease-out,transform .5s ease-out}.scale-in.visible{opacity:1;transform:scale(1)}.stagger-delay-1{transition-delay:.2s}.stagger-delay-2{transition-delay:.4s}.bg-gradient-primary{background:linear-gradient(135deg,#e0f2fe,#f3e8ff,#e0f2fe)}.bg-gradient-secondary{background:linear-gradient(135deg,#f9fafb,#dbeafe,#f3e8ff)}.pulse{animation:pulse-animation 3s infinite ease-in-out}.pulse-delay-2000{animation-delay:2s}.pulse-delay-1000{animation-delay:1s}.pulse-delay-3000{animation-delay:3s}@keyframes pulse-animation{0%,to{opacity:.3}50%{opacity:.7}}.hover-scale{transition:transform .3s ease}.hover-scale:hover{transform:scale(1.02)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.mobile-menu{animation:slideDown .3s ease}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}