*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,sans-serif}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00000040}.text-center{text-align:center}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes floatBlob{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-40px) scale(1.08)}66%{transform:translate(-25px,25px) scale(.94)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #6366f180}50%{box-shadow:0 0 0 16px #6366f100}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in-up{animation:fadeInUp .7s cubic-bezier(.16,1,.3,1) both}.animate-fade-in{animation:fadeIn .8s ease-out both}.animate-float-blob{animation:floatBlob 18s ease-in-out infinite}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-700{animation-delay:.7s}.glass-card{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);box-shadow:0 8px 32px #1f268714;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease}.glass-card:hover{transform:translateY(-6px);box-shadow:0 16px 48px #6366f126}.gradient-text{background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.btn-gradient{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff;transition:all .3s ease;position:relative;overflow:hidden}.btn-gradient:hover{background:linear-gradient(135deg,#5457e5,#7c3aed);transform:translateY(-2px);box-shadow:0 10px 24px #6366f159}.btn-gradient:active{transform:translateY(0)}.link-underline{position:relative}.link-underline:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background:linear-gradient(90deg,#6366f1,#ec4899);transition:width .3s ease}.link-underline:hover:after{width:100%}.tutorial-content{line-height:1.8}.tutorial-content p{margin-bottom:12px}.tutorial-content ul,.tutorial-content ol{padding-left:24px;margin-bottom:12px}.tutorial-content h1,.tutorial-content h2,.tutorial-content h3{margin:16px 0 8px}.tutorial-content img{max-width:100%}