body {
     font-family: 'Space Grotesk', sans-serif;
     background-color: #000;
     color: #fff;
 }

 .font-mono-dot {
     font-family: 'Share Tech Mono', monospace;
 }

 .nothing-card {
     border: 1px solid #262626;
     background-color: #0a0a0a;
     border-radius: 12px;
 }

 .nothing-input {
     background-color: #121212;
     border: 1px solid #262626;
     color: #fff;
     border-radius: 8px;
     font-family: monospace;
 }

 .nothing-input:focus {
     outline: none;
     border-color: #ff0000;
 }

 .nothing-btn {
     background-color: #1a1a1a;
     border: 1px solid #333;
     transition: all 0.2s ease;
     border-radius: 8px;
 }

 .nothing-btn:hover {
     background-color: #262626;
     border-color: #ff0000;
 }

 .nothing-btn-red {
     background-color: #ff0000;
     color: #fff;
     font-weight: 600;
     border-radius: 8px;
 }

 .nothing-btn-red:hover {
     background-color: #cc0000;
 }

 .dot-matrix {
     background-image: radial-gradient(#262626 1px, transparent 1px);
     background-size: 16px 16px;
 }

 .custom-scrollbar::-webkit-scrollbar {
     width: 5px;
 }

 .custom-scrollbar::-webkit-scrollbar-track {
     background: #0a0a0a;
     border-radius: 4px;
 }

 .custom-scrollbar::-webkit-scrollbar-thumb {
     background: #262626;
     border-radius: 4px;
 }

 .custom-scrollbar::-webkit-scrollbar-thumb:hover {
     background: #dc2626;
     /* Accent red hover state */
 }