:root{--bg-gradient: linear-gradient(180deg, #E6F0FF 0%, #F5Faff 50%, #FFFFFF 100%);--accent-primary: #007AFF;--accent-light: #EBF5FF;--text-primary: #111827;--text-secondary: #6B7280;--section-padding: 100px;--container-width: 1200px;--radius-xl: 32px;--radius-lg: 24px;--radius-md: 16px;--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .05);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;background:radial-gradient(at 0% 0%,hsla(216,91%,95%,1) 0,transparent 50%),radial-gradient(at 50% 0%,hsla(210,100%,98%,1) 0,transparent 50%),radial-gradient(at 100% 0%,hsla(196,100%,96%,1) 0,transparent 50%);background-attachment:fixed;color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh}.feature-card-hover{transition:transform .3s ease,box-shadow .3s ease}.feature-card-hover:hover{transform:translateY(-5px);box-shadow:0 20px 40px -10px #0000001a}@keyframes gradientBorder{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.btn-modern-animated{position:relative;background:#000;color:#fff;padding:10px 20px;border-radius:999px;font-size:13px;font-weight:600;border:none;cursor:pointer;z-index:1;transition:transform .2s ease,box-shadow .2s ease}.btn-modern-animated:hover{transform:scale(1.05);box-shadow:0 10px 20px #0003}.btn-modern-animated:before{content:"";position:absolute;inset:-3px;z-index:-1;background:linear-gradient(60deg,#007aff,#00c6ff,#ff2e93,#007aff);background-size:300%;border-radius:inherit;animation:gradientBorder 3s linear infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0) rotateX(20deg) rotateY(-10deg) rotate(-5deg) scale(.9)}50%{transform:translateY(-15px) rotateX(20deg) rotateY(-8deg) rotate(-5deg) scale(.92)}to{transform:translateY(0) rotateX(20deg) rotateY(-10deg) rotate(-5deg) scale(.9)}}.animate-fade-up{animation:fadeInUp .8s ease-out forwards;opacity:0;animation-delay:.1s;animation-fill-mode:forwards}.animate-float{animation:float 6s ease-in-out infinite}#root{width:100%}.container{max-width:var(--container-width);margin:0 auto;padding:0 20px}button{cursor:pointer;border:none;font-family:inherit}a{text-decoration:none;color:inherit}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.section{padding:var(--section-padding) 0}