2 lines
302 KiB
CSS
2 lines
302 KiB
CSS
|
.animate-float{animation:float 3s ease-in-out infinite}.animate-glow-pulse{animation:glow-pulse 2s ease-in-out infinite}.animate-slide-in-right{animation:slide-in-right .4s cubic-bezier(.4,0,.2,1)}.animate-slide-in-left{animation:slide-in-left .4s cubic-bezier(.4,0,.2,1)}.animate-scale-in{animation:scale-in .3s cubic-bezier(.4,0,.2,1)}.animate-rotate-in{animation:rotate-in .5s cubic-bezier(.34,1.56,.64,1)}.hover-lift-subtle{transition:transform .2s ease,box-shadow .2s ease}.hover-lift-subtle:hover{transform:translateY(-2px);box-shadow:0 8px 16px #00000026}.hover-glow{transition:box-shadow .3s ease}.hover-glow:hover{box-shadow:0 0 20px rgba(var(--kodo-cyan),.4),0 0 40px rgba(var(--kodo-cyan),.2)}.hover-scale-105{transition:transform .2s ease}.hover-scale-105:hover{transform:scale(1.05)}.glass-premium{background:rgba(var(--kodo-void),.6);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000001a}.light .glass-premium{background:#ffffffb3;border:1px solid rgba(0,0,0,.08);box-shadow:0 8px 32px #00000014}.text-gradient-premium{background:linear-gradient(135deg,rgb(var(--kodo-cyan)),rgb(var(--kodo-magenta)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}html{scroll-behavior:smooth}::-moz-selection{background:rgba(var(--kodo-cyan),.3);color:rgb(var(--kodo-text-main))}::selection{background:rgba(var(--kodo-cyan),.3);color:rgb(var(--kodo-text-main))}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}*:focus-visible{outline:2px solid rgb(var(--kodo-cyan));outline-offset:2px;border-radius:4px}.light .glass-hud{background:#fffc;backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 16px #0000000f}.light .glass-hud-active{background:rgba(var(--kodo-cyan),.08);border-color:rgba(var(--kodo-cyan),.3)}.neon-glow-cyan{box-shadow:0 0 10px #66fcf14d,0 0 20px #66fcf133,0 0 30px #66fcf11a}.neon-glow-magenta{box-shadow:0 0 10px #ff00ff4d,0 0 20px #f0f3,0 0 30px #ff00ff1a}.gradient-cyber{background:linear-gradient(135deg,#66fcf11a,#8a7ea41a)}.gradient-ocean{background:linear-gradient(135deg,#0ea5e91a,#06b6d41a)}.gradient-forest{background:linear-gradient(135deg,#22c55e1a,#84cc161a)}.gradient-sunset{background:linear-gradient(135deg,#f973161a,#a855f71a)}.border-glow{border:1px solid rgba(102,252,241,.3);box-shadow:0 0 10px #66fcf11a,inset 0 0 10px #66fcf10d}.light .border-glow{border:1px solid rgba(0,180,216,.4);box-shadow:0 0 10px #00b4d81a,inset 0 0 10px #00b4d80d}.shadow-premium{box-shadow:0 10px 40px #0000004d,0 2px 8px #0003}.light .shadow-premium{box-shadow:0 10px 40px #0000001a,0 2px 8px #0000000d}.depth-1{box-shadow:0 2px 4px #0000001a,0 1px 2px #0000000f}.depth-2{box-shadow:0 4px 8px #00000026,0 2px 4px #0000001a}.depth-3{box-shadow:0 8px 16px #0003,0 4px 8px #00000026}.glass-strong{background:rgba(var(--kodo-void),.7);backdrop-filter:blur(30px) saturate(200%);border:1px solid rgba(255,255,255,.1)}.light .glass-strong{background:#ffffffe6;backdrop-filter:blur(30px) saturate(200%);border:1px solid rgba(0,0,0,.1)}.glass-subtle{background:rgba(var(--kodo-void),.3);backdrop-filter:blur(15px) saturate(150%);border:1px solid rgba(255,255,255,.05)}.light .glass-subtle{background:#fff9;backdrop-filter:blur(15px) saturate(150%);border:1px solid rgba(0,0,0,.05)}.interactive{transition:all .3s cubic-bezier(.4,0,.2,1)}.interactive:hover{transform:translateY(-2px);box-shadow:0 12px 24px #0003,0 0 20px #66fcf11a}.interactive:active{transform:translateY(0);box-shadow:0 4px 8px #00000026}.text-glow{text-shadow:0 0 10px rgba(102,252,241,.5),0 0 20px rgba(102,252,241,.3)}.text-shadow-soft{text-shadow:0 2px 4px rgba(0,0,0,.3)}.light .text-shadow-soft{text-shadow:0 1px 2px rgba(0,0,0,.1)}.btn-premium{position:relative;overflow:hidden;background:linear-gradient(135deg,rgb(var(--kodo-cyan)),rgb(var(--kodo-cyan-dim)));box-shadow:0 4px 12px rgba(var(--kodo-cyan),.3),0 2px 4px #0003;transition:all .3s ease}.btn-premium:before{content:""
|