*{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#fff;--color-bg-secondary:#f8fafc;--color-text:#0f172a;--color-text-secondary:#64748b;--color-primary:#06b6d4;--color-secondary:#3b82f6;--color-accent:#f59e0b;--color-gradient-1:#06b6d4;--color-gradient-2:#3b82f6;--color-gradient-3:#0ea5e9;--color-border:#e2e8f0;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #00000026;--shadow-glow:0 0 20px #06b6d44d;--transition:all .3s cubic-bezier(.4,0,.2,1);--transition-bounce:all .5s cubic-bezier(.68,-.55,.265,1.55)}.dark{--color-bg:#0f172a;--color-bg-secondary:#1e293b;--color-text:#f1f5f9;--color-text-secondary:#94a3b8;--color-primary:#06b6d4;--color-secondary:#3b82f6;--color-accent:#f59e0b;--color-gradient-1:#06b6d4;--color-gradient-2:#3b82f6;--color-gradient-3:#0ea5e9;--color-border:#334155;--shadow-sm:0 2px 4px #0000004d;--shadow-md:0 4px 6px #0006;--shadow-lg:0 10px 15px #00000080;--shadow-xl:0 20px 25px #0009;--shadow-glow:0 0 30px #06b6d466}body{background:var(--color-bg);color:var(--color-text);transition:var(--transition);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;overflow-x:hidden}html{scroll-behavior:smooth}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes gradient{0%{background-position:0}50%{background-position:100%}to{background-position:0}}@keyframes glow{0%,to{box-shadow:0 0 20px #06b6d480}50%{box-shadow:0 0 40px #06b6d4cc}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.fade-in{animation:.6s ease-out fadeIn}.fade-in-up{animation:.8s ease-out fadeInUp}.slide-in-left{animation:.8s ease-out slideInLeft}.slide-in-right{animation:.8s ease-out slideInRight}.float{animation:3s ease-in-out infinite float}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}@media (width<=768px){.container{padding:0 1rem}}.gradient-text{background:linear-gradient(135deg,var(--color-gradient-1),var(--color-gradient-2),var(--color-gradient-3));-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:5s infinite gradient}.pulse{animation:2s ease-in-out infinite pulse}.bounce-in{animation:.8s ease-out bounceIn}.shimmer{background:linear-gradient(90deg,#0000,#06b6d433,#0000) 0 0/200% 100%;animation:2s infinite shimmer}.glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px}.dark .glass{background:#0f172a4d;border-color:#ffffff1a}