@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes shimmer-slow{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes pulse-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes scan-line{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.animate-shimmer{animation:shimmer 2s infinite}.animate-shimmer-slow{animation:shimmer-slow 3s infinite}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.scrollbar-thin::-webkit-scrollbar{height:6px}.scrollbar-thin::-webkit-scrollbar-track{background:#0f172a80;border-radius:10px}.scrollbar-thin::-webkit-scrollbar-thumb{background:#475569cc;border-radius:10px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background:#64748b}.glass-effect{background:#0f172acc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.holo-border{position:relative;background:linear-gradient(135deg,#06b6d41a,#9333ea1a)}.holo-border:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:linear-gradient(135deg,#06b6d480,#3b82f680,#9333ea80);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.neon-glow{text-shadow:0 0 10px rgba(6,182,212,.5),0 0 20px rgba(6,182,212,.3),0 0 30px rgba(6,182,212,.2)}.scan-line-bg{position:relative;overflow:hidden}.scan-line-bg:after{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,rgba(6,182,212,.3),transparent);animation:scan-line 3s linear infinite;pointer-events:none}.safe-area-inset-bottom{padding-bottom:env(safe-area-inset-bottom,0)}*:focus-visible{outline:2px solid rgba(6,182,212,.5);outline-offset:2px}button,a,input,select{transition:all .2s ease-in-out}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width: 640px){html{font-size:14px}}@media (min-width: 641px) and (max-width: 1024px){html{font-size:15px}}@media (min-width: 1025px){html{font-size:16px}}body{background:linear-gradient(135deg,#020617,#0f172a,#020617);min-height:100vh}.gradient-mesh{background:radial-gradient(at 0% 0%,rgba(6,182,212,.1) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(147,51,234,.1) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(59,130,246,.1) 0px,transparent 50%),radial-gradient(at 0% 100%,rgba(16,185,129,.1) 0px,transparent 50%)}.transform-gpu{transform:translateZ(0);will-change:transform}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.card-glow:hover{box-shadow:0 0 20px #06b6d44d,0 0 40px #06b6d433,0 10px 60px #0006}@keyframes skeleton-loading{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#1e293b66 25%,#33415599,#1e293b66 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite}.particle-bg{background-image:radial-gradient(circle at 20% 50%,rgba(6,182,212,.05) 1px,transparent 1px),radial-gradient(circle at 60% 80%,rgba(147,51,234,.05) 1px,transparent 1px),radial-gradient(circle at 80% 20%,rgba(59,130,246,.05) 1px,transparent 1px);background-size:60px 60px,80px 80px,100px 100px;background-position:0 0,20px 20px,40px 40px}
