*{transition:color .2s ease,background-color .2s ease,border-color .2s ease}*:focus-visible{outline:2px solid rgba(0,212,255,.5);outline-offset:2px;border-radius:4px}button,.button,[role=button]{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}button:before,.button:before,[role=button]:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#00d4ff33;transform:translate(-50%,-50%);transition:width .5s ease,height .5s ease}button:hover:before,.button:hover:before,[role=button]:hover:before{width:300px;height:300px}a{position:relative;transition:color .3s ease}a:not(.cf-link):after{content:"";position:absolute;width:100%;height:1px;bottom:-1px;left:0;background:linear-gradient(90deg,transparent 0%,#00D4FF 50%,transparent 100%);transform:scaleX(0);transform-origin:center;transition:transform .3s cubic-bezier(.4,0,.2,1)}a:not(.cf-link):hover:after{transform:scaleX(1)}.card,.panel,[class*=card],[class*=panel]{transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover,.panel:hover,[class*=card]:hover,[class*=panel]:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00d4ff1a}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}[data-reveal]{opacity:0;animation:fadeInUp .6s ease forwards}[data-reveal=left]{animation:fadeInLeft .6s ease forwards}[data-reveal=right]{animation:fadeInRight .6s ease forwards}input,textarea,select{transition:all .3s ease;border:1px solid rgba(255,255,255,.1);background:#00000080}input:hover,textarea:hover,select:hover{border-color:#00d4ff4d;background:#000000b3}input:focus,textarea:focus,select:focus{border-color:#00d4ff99;background:#000c;box-shadow:0 0 0 3px #00d4ff1a;outline:none}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.gradient-text-animated{background:linear-gradient(90deg,#00d4ff,#0fa968,#00d4ff);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 3s ease infinite}.glow-subtle{filter:drop-shadow(0 0 10px rgba(0,212,255,.3))}.glow-strong{filter:drop-shadow(0 0 20px rgba(0,212,255,.5))}.page-transition-enter{opacity:0;transform:translateY(10px)}.page-transition-enter-active{opacity:1;transform:translateY(0);transition:all .3s ease-out}.page-transition-exit{opacity:1;transform:translateY(0)}.page-transition-exit-active{opacity:0;transform:translateY(-10px);transition:all .3s ease-in}[data-tooltip]{position:relative}[data-tooltip]:before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-5px);padding:.5rem 1rem;background:#000000f2;border:1px solid rgba(0,212,255,.3);border-radius:6px;color:#fff;font-size:.875rem;white-space:nowrap;opacity:0;pointer-events:none;transition:all .3s ease;z-index:1000}[data-tooltip]:hover:before{opacity:1;transform:translate(-50%) translateY(-10px)}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.shimmer{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a 37%,#ffffff0d 63%);background-size:1000px 100%;animation:shimmer 2s infinite}.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1)}.accordion-content.open{max-height:1000px}nav a,nav button{position:relative;transition:all .3s ease}nav a:before,nav button:before{content:"";position:absolute;inset:0 -10px;background:radial-gradient(circle at center,rgba(0,212,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;z-index:-1;border-radius:8px}nav a:hover:before,nav button:hover:before{opacity:1}.modal-backdrop{animation:fadeIn .3s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal-content{animation:slideUp .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}li{transition:all .2s ease}li:hover{padding-left:.25rem;border-left:2px solid rgba(0,212,255,.5)}img{transition:opacity .3s ease}img.loading{opacity:0}img.loaded{opacity:1}table tr{transition:background-color .2s ease}table tr:hover{background-color:#00d4ff0d}@keyframes ripple{to{transform:scale(4);opacity:0}}.ripple{position:absolute;border-radius:50%;background:#00d4ff80;transform:scale(0);animation:ripple .6s ease-out;pointer-events:none}.progress-bar{position:relative;overflow:hidden}.progress-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%);animation:progress-shine 2s infinite}@keyframes progress-shine{to{transform:translate(100%)}}.tab-panel{animation:tabFadeIn .3s ease}@keyframes tabFadeIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}input[type=checkbox],input[type=radio]{position:relative;cursor:pointer;transition:transform .2s ease}input[type=checkbox]:hover,input[type=radio]:hover{transform:scale(1.1)}input[type=checkbox]:checked,input[type=radio]:checked{animation:checkPulse .3s ease}@keyframes checkPulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.toast{animation:slideInRight .3s ease}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#00d4ff4d;border-radius:4px;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:#00d4ff80}.skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:400% 100%;animation:skeleton-loading 1.5s ease infinite}@keyframes skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}