@tailwind base;@tailwind components;@tailwind utilities;body,html{margin:0;padding:0;overflow-x:hidden;background:#000000;font-family:Arial,sans-serif}::-webkit-scrollbar{width:14px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00d4ff,#0099cc 25%,#006699 50%,#003d5c 75%,#001a2e);border-radius:20px;border:2px solid rgba(0,212,255,.3);box-shadow:0 0 15px rgba(0,212,255,.6),0 0 30px rgba(0,150,255,.4),inset 0 2px 4px rgba(255,255,255,.2)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#33ddff,#00aadd 25%,#0077aa 50%,#004466 75%,#002233);border:2px solid rgba(0,212,255,.5);box-shadow:0 0 20px rgba(0,212,255,.8),0 0 40px rgba(0,150,255,.6),inset 0 2px 4px rgba(255,255,255,.3)}::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#66e6ff,#33bbee 25%,#1188bb 50%,#005577 75%,#003344);border:2px solid rgba(0,212,255,.7);box-shadow:0 0 25px rgba(0,212,255,1),0 0 50px rgba(0,150,255,.8)}html{scrollbar-width:thin;scrollbar-color:#00d4ff transparent}@keyframes earth-atmosphere{0%,to{box-shadow:0 0 15px rgba(0,212,255,.6),0 0 30px rgba(0,150,255,.4)}50%{box-shadow:0 0 25px rgba(0,212,255,.8),0 0 50px rgba(0,150,255,.6)}}::-webkit-scrollbar-thumb{animation:earth-atmosphere 4s ease-in-out infinite}@media (max-width:768px){::-webkit-scrollbar{width:12px}}@media (max-width:480px){::-webkit-scrollbar{width:10px}}