*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#333}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.text-center{text-align:center}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.py-16{padding:4rem 0}.py-20{padding:5rem 0}.px-4{padding:0 1rem}.px-8{padding:0 2rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.gap-8{gap:2rem}.gap-12{gap:3rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.space-x-4>*+*{margin-left:1rem}.space-x-6>*+*{margin-left:1.5rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:3.75rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.leading-tight{line-height:1.25}.leading-relaxed{line-height:1.625}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-900{color:#111827}.text-white{color:#fff}.text-purple-600{color:#9333ea}.text-blue-600{color:#2563eb}.bg-white{background-color:#fff}.bg-gray-50{background-color:#f9fafb}.bg-purple-600{background-color:#9333ea}.bg-blue-600{background-color:#2563eb}.bg-gradient-purple-blue{background:linear-gradient(135deg,#9333ea,#2563eb)}.bg-gradient-light{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;text-decoration:none;transition:all .3s ease;border:none;cursor:pointer;font-size:1rem}.btn-primary{background:linear-gradient(135deg,#9333ea,#2563eb);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(147,51,234,.3)}.btn-secondary{border:2px solid #9333ea;color:#9333ea;background:transparent}.btn-secondary:hover{background:#9333ea;color:#fff}.btn-lg{padding:1rem 2rem;font-size:1.125rem}.card{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:all .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,.15)}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .6s ease-out}.nav{position:fixed;top:0;width:100%;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;padding:1rem 0;border-bottom:1px solid rgba(0,0,0,.1)}.nav-content{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.875rem;font-weight:700;background:linear-gradient(135deg,#9333ea,#2563eb);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{color:#374151;text-decoration:none;font-weight:500;transition:color .3s ease}.nav-links a:hover{color:#9333ea}.hero{padding:8rem 1rem 5rem;text-align:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh;display:flex;align-items:center;justify-content:center}.hero-content{max-width:1000px}.hero h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;margin-bottom:1.5rem;line-height:1.2}.hero .gradient-text{background:linear-gradient(135deg,#9333ea,#2563eb);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero p{font-size:1.25rem;color:#4b5563;margin-bottom:2rem;line-height:1.6}@media (max-width:768px){.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}.nav-links{display:none}.hero{padding:6rem 1rem 4rem}.py-20{padding:3rem 0}}.btn-warning{background-color:#eab308;color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;transition:all .3s ease}.btn-warning:hover{background-color:#ca8a04}.btn-danger{background-color:#ef4444;color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;transition:all .3s ease}.btn-danger:hover{background-color:#dc2626}.card-header{background:linear-gradient(135deg,#2563eb,#9333ea);color:#fff}.card-body,.card-header{padding:1.5rem}