*{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 rgba(0,0,0,.05);--shadow-md:0 4px 6px rgba(0,0,0,.1);--shadow-lg:0 10px 15px rgba(0,0,0,.1);--shadow-xl:0 20px 25px rgba(0,0,0,.15);--shadow-glow:0 0 20px rgba(6,182,212,.3);--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 rgba(0,0,0,.3);--shadow-md:0 4px 6px rgba(0,0,0,.4);--shadow-lg:0 10px 15px rgba(0,0,0,.5);--shadow-xl:0 20px 25px rgba(0,0,0,.6);--shadow-glow:0 0 30px rgba(6,182,212,.4)}body{background:var(--color-bg);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;overflow-x:hidden;transition:var(--transition)}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%}50%{background-position:100% 50%}to{background-position:0 50%}}@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:fadeIn .6s ease-out}.fade-in-up{animation:fadeInUp .8s ease-out}.slide-in-left{animation:slideInLeft .8s ease-out}.slide-in-right{animation:slideInRight .8s ease-out}.float{animation:float 3s ease-in-out infinite}.container{margin:0 auto;max-width:1200px;padding:0 1.5rem;width:100%}@media(max-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-background-clip:text;background-clip:text;background-size:200% 200%;-webkit-text-fill-color:transparent;animation:gradient 5s ease infinite}.pulse{animation:pulse 2s ease-in-out infinite}.bounce-in{animation:bounceIn .8s ease-out}.shimmer{animation:shimmer 2s infinite;background:linear-gradient(90deg,transparent,rgba(6,182,212,.2),transparent);background-size:200% 100%}.glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid hsla(0,0%,100%,.2);border-radius:16px}.dark .glass{background:#0f172a4d;border-color:#ffffff1a}