:root{--primary-color: rgba(46, 19, 201, 1);--secondary-color: rgba(0, 173, 181, 1);--text-color: rgba(224, 224, 224, 1);--background-color: rgba(5, 6, 7, 1);--error-color: #ff4444;--success-color: #00c853}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{background-color:var(--background-color);color:var(--text-color)}.wallet-button{padding:7px 13px;color:var(--secondary-color);border:1px solid var(--secondary-color);background:none;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:150px;text-align:center;position:relative}.wallet-button:hover{background:var(--secondary-color);color:var(--background-color)}.wallet-button.connected{background:transparent;border-color:var(--success-color);color:var(--success-color)}.wallet-button.connected:hover{background:var(--error-color);border-color:var(--error-color);color:var(--text-color)}.braincells-balance{color:var(--secondary-color);font-size:12px;margin-top:5px;text-align:center;min-height:15px}.navigation{display:flex;align-items:center;gap:21px;padding:20px}.nav-link{color:var(--text-color);text-decoration:none;font-size:12px;transition:color .3s ease}.nav-link:hover{color:var(--secondary-color)}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--secondary-color);border-radius:50%;border-top-color:transparent;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-message{color:var(--error-color);padding:10px;margin:10px 0;border:1px solid var(--error-color);border-radius:4px;background-color:#ff44441a}.button{border-radius:15px;padding:6px 14px;font-size:16px;cursor:pointer;transition:all .3s ease}.primary-button{background-color:var(--secondary-color);color:var(--background-color);border:none;box-shadow:0 10px 21px -6px var(--secondary-color)}.primary-button:hover{transform:translateY(-2px);box-shadow:0 12px 24px -6px var(--secondary-color)}.logo{height:40px;object-fit:contain}@media (max-width: 768px){.navigation{flex-direction:column;gap:10px}.button{width:100%}.wallet-button{min-width:200px}}
