:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#0f172a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{width:100%;height:100%;margin:0;padding:0}body{margin:0;padding:0;display:flex;place-items:center;min-width:320px;min-height:100vh}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden}.app{width:100%;height:100vh;position:relative;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a)}.background-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1}.content{position:relative;z-index:2;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.hero{animation:fadeInUp 1s ease-out;margin-bottom:4rem}.title{font-size:clamp(3rem,8vw,5.5rem);font-weight:800;margin-bottom:1.5rem;letter-spacing:-.02em;line-height:1.1}.gradient-text{background:linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;animation:shimmer 3s ease-in-out infinite}.gradient-text-alt{background:linear-gradient(135deg,#06b6d4,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;animation:shimmer 3s ease-in-out infinite .5s}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.8}}.subtitle{font-size:1.25rem;color:#cbd5e1;margin-bottom:2.5rem;font-weight:300;animation:fadeInUp 1s ease-out .2s backwards}.button-group{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;animation:fadeInUp 1s ease-out .4s backwards}.btn{padding:.875rem 2rem;font-size:1rem;font-weight:600;border:none;border-radius:.5rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.05em;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#fff3;transition:left .3s ease;z-index:-1}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;box-shadow:0 10px 30px #3b82f64d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 40px #3b82f680}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:transparent;color:#3b82f6;border:2px solid #3b82f6}.btn-secondary:hover{background:#3b82f61a;transform:translateY(-2px);box-shadow:0 10px 30px #3b82f633}.btn-secondary:active{transform:translateY(0)}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;width:100%;max-width:1000px;animation:fadeInUp 1s ease-out .6s backwards}.feature-card{background:#1e293b80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(59,130,246,.2);border-radius:1rem;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),transparent);transition:left .5s ease}.feature-card:hover{transform:translateY(-8px);background:#1e293bcc;border-color:#3b82f680;box-shadow:0 20px 40px #3b82f633}.feature-card:hover:before{left:100%}.feature-icon{font-size:3rem;margin-bottom:1rem;display:inline-block;animation:float 3s ease-in-out infinite}.feature-card:nth-child(2) .feature-icon{animation-delay:.2s}.feature-card:nth-child(3) .feature-icon{animation-delay:.4s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.feature-card h3{font-size:1.25rem;color:#f1f5f9;margin-bottom:.5rem;font-weight:600}.feature-card p{color:#cbd5e1;font-size:.95rem;line-height:1.6}.floating-cursor{position:fixed;width:30px;height:30px;border:2px solid #3b82f6;border-radius:50%;pointer-events:none;z-index:1000;transform:translate(-50%,-50%);box-shadow:0 0 20px #3b82f680;transition:all .1s ease-out}.floating-cursor:after{content:"";position:absolute;width:6px;height:6px;background:#3b82f6;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.title{font-size:2.5rem}.subtitle{font-size:1rem}.button-group{gap:.75rem}.btn{padding:.75rem 1.5rem;font-size:.9rem}.features{grid-template-columns:1fr;gap:1.5rem}.feature-card{padding:1.5rem}}