:root{--color-page: 248 250 252;--color-card: 255 255 255;--color-text-main: 15 23 42;--color-text-muted: 71 85 105;--color-primary: 79 70 229;--color-primary-light: 224 231 255;--color-accent-glow: 167 139 250}*{margin:0;padding:0;box-sizing:border-box;transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:rgb(var(--color-page));color:rgb(var(--color-text-main));transition:background-color .3s ease,color .3s ease}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#94a3b880;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8cc}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@keyframes fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .2s ease-out}.animate-fade-in-up{animation:fade-in-up .3s ease-out}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.animate-float{animation:float linear infinite}@keyframes bounce-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-bounce-slow{animation:bounce-slow 2s ease-in-out infinite}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-gradient{background-size:200% 200%;animation:gradient 3s ease infinite}@keyframes wave{0%{transform:translate(0)}50%{transform:translate(-25%)}to{transform:translate(-50%)}}.animate-wave{animation:wave 10s linear infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.animate-shimmer{animation:shimmer 2s infinite}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-slide-up{animation:slideUp .5s ease-out}.bg-checkered{background-color:#f5f5f5;background-image:linear-gradient(45deg,#e0e0e0 25%,transparent 25%),linear-gradient(-45deg,#e0e0e0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e0e0e0 75%),linear-gradient(-45deg,transparent 75%,#e0e0e0 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}iframe{pointer-events:auto!important;user-select:auto!important;-webkit-user-select:auto!important;-moz-user-select:auto!important;-ms-user-select:auto!important;touch-action:auto!important;-webkit-touch-callout:default!important}.iframe-container{pointer-events:auto!important;-webkit-user-select:auto!important;user-select:auto!important}.iframe-container *{pointer-events:auto!important}iframe:not([src]):not([srcDoc]){opacity:.5}iframe[src],iframe[srcDoc]{opacity:1;transition:opacity .3s ease}iframe body{overflow:auto!important;-webkit-overflow-scrolling:touch!important}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.typewriter-cursor{animation:blink 1s ease-in-out infinite}@keyframes notification-slide{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.notification-enter{animation:notification-slide .3s ease-out forwards}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-right{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.7}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fade-in .3s ease-out}.animate-fade-in-slow{animation:fade-in .6s ease-out}.animate-slide-up{animation:slide-up .4s ease-out}.animate-slide-down{animation:slide-down .4s ease-out}.animate-slide-right{animation:slide-right .4s ease-out}.animate-scale-in{animation:scale-in .3s ease-out}.animate-pulse-soft{animation:pulse-soft 2s ease-in-out infinite}.animate-spin-slow{animation:spin-slow 2s linear infinite}.transition-smooth{transition:all .2s ease-in-out}.transition-smooth-slow{transition:all .4s ease-in-out}.card-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.card-hover:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000026}.button-hover{transition:all .2s ease-in-out;position:relative;overflow:hidden}.button-hover:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.button-hover:hover:before{width:300px;height:300px}.button-hover:active{transform:scale(.98)}.modal-backdrop{animation:fade-in .2s ease-out}.modal-enter{animation:scale-in .3s ease-out}.modal-exit{animation:scale-in .2s ease-in reverse}.list-item-enter{animation:slide-up .3s ease-out}.list-item-enter:nth-child(1){animation-delay:0s}.list-item-enter:nth-child(2){animation-delay:.05s}.list-item-enter:nth-child(3){animation-delay:.1s}.list-item-enter:nth-child(4){animation-delay:.15s}.list-item-enter:nth-child(5){animation-delay:.2s}.list-item-enter:nth-child(6){animation-delay:.25s}.list-item-enter:nth-child(7){animation-delay:.3s}.list-item-enter:nth-child(8){animation-delay:.35s}.list-item-enter:nth-child(9){animation-delay:.4s}.list-item-enter:nth-child(10){animation-delay:.45s}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:1000px 100%;animation:shimmer 2s infinite}@keyframes dot-pulse{0%,80%,to{opacity:.3;transform:scale(1)}40%{opacity:1;transform:scale(1.3)}}.dot-pulse span{display:inline-block;width:8px;height:8px;border-radius:50%;background:currentColor;animation:dot-pulse 1.4s infinite ease-in-out}.dot-pulse span:nth-child(1){animation-delay:0s}.dot-pulse span:nth-child(2){animation-delay:.2s}.dot-pulse span:nth-child(3){animation-delay:.4s}@keyframes notification-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes notification-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.notification-enter{animation:notification-slide-in .3s ease-out}.notification-exit{animation:notification-slide-out .3s ease-in}.page-enter{animation:fade-in .3s ease-out,slide-up .3s ease-out}.page-exit{animation:fade-in .2s ease-in reverse}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}.ripple-effect{position:relative;overflow:hidden}.ripple-effect:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;border-radius:50%;background:#fff9;transform:translate(-50%,-50%) scale(0);pointer-events:none}.ripple-effect:active:after{animation:ripple .6s ease-out}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animated-gradient{background-size:200% 200%;animation:gradient-shift 10s ease infinite}@keyframes focus-ring{0%,to{box-shadow:0 0 #3b82f680}50%{box-shadow:0 0 0 4px #3b82f633}}.focus-ring:focus{animation:focus-ring 2s ease-in-out infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:768px){.card-hover:hover{transform:translateY(-2px)}.list-item-enter{animation-duration:.2s}.list-item-enter:nth-child(n){animation-delay:0s!important}}.no-animation,.no-animation *{animation:none!important;transition:none!important}.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}.duration-fast{animation-duration:.15s;transition-duration:.15s}.duration-normal{animation-duration:.3s;transition-duration:.3s}.duration-slow{animation-duration:.6s;transition-duration:.6s}.gpu-accelerated{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}
