:root{--color-bg: #F3F4F6;--color-surface: #FFFFFF;--color-border: #E5E7EB;--color-text-main: #111827;--color-text-muted: #6B7280}[data-theme=dark]{--color-bg: #0A0A0A;--color-surface: #121212;--color-border: #1F1F1F;--color-text-main: #FFFFFF;--color-text-muted: #B0B0B0}body{background-color:var(--color-bg);color:var(--color-text-main);font-family:Roboto,sans-serif;transition:background-color .3s ease,color .3s ease;margin:0;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:Rajdhani,sans-serif}#initial-loader{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a0a0a;z-index:9999}.spinner{width:40px;height:40px;border:3px solid rgba(255,193,7,.1);border-top-color:#ffc107;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float3D-1{0%,to{transform:translateY(0) rotateX(2deg) rotateY(2deg)}50%{transform:translateY(-15px) rotateX(-2deg) rotateY(-2deg)}}@keyframes float3D-2{0%,to{transform:translateY(0) rotateX(-2deg) rotateY(3deg)}50%{transform:translateY(-20px) rotateX(2deg) rotateY(-3deg)}}@keyframes float3D-3{0%,to{transform:translateY(0) rotateX(3deg) rotateY(-2deg)}50%{transform:translateY(-12px) rotateX(-3deg) rotateY(2deg)}}@keyframes float3D-4{0%,to{transform:translateY(0) rotateX(-1deg) rotateY(-3deg)}50%{transform:translateY(-18px) rotateX(1deg) rotateY(3deg)}}.animate-float-1{animation:float3D-1 6s ease-in-out infinite}.animate-float-2{animation:float3D-2 7s ease-in-out infinite;animation-delay:.5s}.animate-float-3{animation:float3D-3 6.5s ease-in-out infinite;animation-delay:1s}.animate-float-4{animation:float3D-4 8s ease-in-out infinite;animation-delay:1.5s}@keyframes laser-scan{0%{top:-10%;opacity:0}10%{opacity:1}90%{opacity:1}to{top:110%;opacity:0}}.scanner-layer{position:absolute;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#FFC107,transparent);box-shadow:0 0 15px #ffc107;animation:laser-scan 4s linear infinite;pointer-events:none;z-index:20}.scanner-layer-blue{background:linear-gradient(90deg,transparent,#00B0FF,transparent);box-shadow:0 0 15px #00b0ff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffc107}.fade-in{animation:fadeIn .5s ease-in-out}.animate-slide-in{animation:slideIn .3s ease-out}.animate-fade-in{animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}