body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#0f0f23;color:#e5e7eb;line-height:1.6;overflow-x:hidden}html{scroll-behavior:smooth}.glassmorphic-card{background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.glassmorphic-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);opacity:0;transition:opacity .4s ease;pointer-events:none}.glassmorphic-card:hover:before{opacity:1}.glassmorphic-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0006,0 0 0 1px #ffffff26,inset 0 1px #fff3}.glassmorphic-button{background:#a855f71a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(168,85,247,.3);box-shadow:0 4px 16px #a855f733,inset 0 1px #ffffff1a;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.glassmorphic-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.glassmorphic-button:hover:before{left:100%}.glassmorphic-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #a855f74d,0 0 0 1px #a855f780,inset 0 1px #fff3}.text-gradient{background:linear-gradient(135deg,#a855f7,#ec4899,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% 200%;animation:gradientShift 3s ease-in-out infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0f0f23cc;border-bottom:1px solid rgba(255,255,255,.1);transition:all .3s ease}section{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1)}section.animate-in{opacity:1;transform:translateY(0)}.feature-card{transition:all .4s cubic-bezier(.4,0,.2,1)}.feature-card:hover{transform:translateY(-8px) scale(1.02)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0f0f2380;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#a855f7,#ec4899);border-radius:4px;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#9333ea,#db2777)}html{scrollbar-width:thin;scrollbar-color:#a855f7 rgba(15,15,35,.5)}@media (max-width: 768px){.glassmorphic-card{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:16px}.glassmorphic-button{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}a:focus,button:focus{outline:2px solid rgba(168,85,247,.5);outline-offset:2px}.external-link{position:relative;overflow:hidden}.external-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#a855f7,#ec4899);transition:width .3s ease}.external-link:hover:after{width:100%}*{transition:color .3s ease,background-color .3s ease,border-color .3s ease,transform .3s ease}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.025em}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.grid{display:grid;gap:2rem}@media (min-width: 768px){.grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.grid{grid-template-columns:repeat(3,1fr)}}footer{background:#0f0f2380;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.bg-element{animation:float 20s ease-in-out infinite}.glassmorphic-button:active{transform:translateY(0);box-shadow:0 2px 8px #a855f733,inset 0 1px #ffffff1a}.glassmorphic-card>*{position:relative;z-index:1}.text-gray-300{color:#d1d5dbe6}.text-gray-400{color:#9ca3afcc}.text-gray-500{color:#6b7280b3}