body{font-family:Inter,sans-serif;background-color:#0a0a0a}.bg-card{background-color:#111;background-image:linear-gradient(to bottom,rgba(255,255,255,.02),transparent);box-shadow:inset 0 1px 1px #ffffff0d}.border-custom{border-color:#2a2a2a}.text-accent{color:#fff}.bg-accent{background-color:#fff}.bg-accent-hover:hover{background-color:#e5e7eb}.interactive-card{transition:all .3s ease-in-out}.interactive-card:hover{border-color:#4a4a4a;transform:translateY(-4px);box-shadow:inset 0 1px 1px #ffffff0d,0 10px 30px #0003}.btn-primary{@apply w-full bg-accent hover:bg-accent-hover text-black py-3 px-5 rounded-xl font-bold flex items-center justify-center transition-all duration-300;}.btn-secondary{@apply w-full bg-main hover:bg-gray-900 text-white py-3 px-5 rounded-xl font-semibold flex items-center justify-center transition-colors duration-300 border-2 border-custom;}.nav-button{position:relative;padding:.5rem 1.5rem;border-radius:9999px;font-size:.875rem;font-weight:600;transition:color .3s,background-color .3s;cursor:pointer;background-color:transparent}.nav-button.active{background-color:#fff;color:#000}.nav-button:not(.active){color:#9ca3af}.nav-button:not(.active):hover{color:#fff;background-color:#ffffff1a}.view-project-button:hover{background-color:#fff!important;color:#000!important}.custom-scrollbar::-webkit-scrollbar{width:8px}.custom-scrollbar::-webkit-scrollbar-track{background-color:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#2a2a2a;border-radius:10px;border:2px solid #111111}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#4a4a4a}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:#2a2a2a transparent}.bg-main{background-color:#0a0a0a}